Tengo un detector de eventos que escucha un clic en un elemento y luego ejecuta una función que verifica si el color de fondo del elemento es blanco. Aquí está mi código:

 setting.addEventListener("click", (e) => { if (e.target.style.backgroundColor == "white") { e.target.style.backgroundColor = "black"; } else { console.log(e.target.style.backgroundColor); e.target.style.backgroundColor = "white"; } });

Mi intención es que el elemento primero se vuelva negro, ya que su color de fondo es blanco.

Aquí está mi css para este elemento:

 .toggle { display: inline-block; height: 20px; width: 20px; background-color: white; border-radius: 50%; position: absolute; right: 300px; outline: 3px solid black; border: 3px solid white; }

La consola inicia sesión en el js registra este mensaje:

 <empty string>

¿Por qué sucede esto y cómo debo solucionarlo?