Estoy haciendo un generador de color de fondo aleatorio, y quiero que el programa cambie la fuente "h1" a blanca cuando el color de fondo es demasiado oscuro (por debajo de un umbral de número rgb). Pero mi declaración si/entonces está siendo ignorada y no puedo entender por qué. He intentado poner la declaración en diferentes partes del código pero nada funciona.

 const button = document.querySelector('button'); const h1 = document.querySelector('h1'); function randomColor(){ const r = Math.floor(Math.random() * 255); const g = Math.floor(Math.random() * 255); const b = Math.floor(Math.random() * 255); return `rgb(${r}, ${g}, ${b})`; } button.addEventListener('click', function(){ const newColor = randomColor(); document.body.style.backgroundColor = newColor; h1.innerText = newColor; if((r + g + b) < 500){ h1.classList.toggle("white-toggle"); } });

Muchas gracias.