Me presentan este desafío donde el color del círculo debe cambiar según el tipo de movimiento del cursor.

Debo usar la función toggleColor() para llenar el círculo con naranja cuando el cursor se mueve sobre él. Luego, tuve que reutilizar la misma función para llenarla de negro una vez que el cursor la deja.

Esto debe hacerse llamando a toggleColor() con diferentes valores para el parámetro estáEntrando. (Para hacer esto, invoco la función .toggleColor() dentro de las devoluciones de llamada de .addEventListener()'s.

 const element = document.querySelector('#element'); const toggleColor = (isEntering) => { element.style.background = isEntering ? 'orange' : 'black'; }; element.addEventListener('mouseenter', ()=>toggleColor(true)) element.addEventListener('mouseout', ()=>toggleColor(false))

Esa es mi solución al desafío, y aunque funciona, las pruebas no pasan. ¿Dónde estoy fallando?

Aquí está el enlace al desafío: https://www.jschallenger.com/javascript-dom-exercises/events-and-user-interactions/cursor-enter-leave-event