¿Hay alguna manera de que aparezca una ventana emergente cuando todos los divs se 'pasaron por encima del mouse'?
function moveOver(obj) { obj.innerHTML = "POP!!!" obj.style.color = "#ff0000" obj.style.background = "transparent" if () { alert("There is no circles left!") } }Básicamente tengo 12 círculos que aparecen cuando mueves el mouse sobre ellos, ¿hay alguna manera de hacer una ventana emergente que diga "¡No quedan círculos!" después de pasar el mouse sobre el círculo 12?
Agregar una clase al elemento
obj.classList.add("popped");y comprueba la longitud
if (document.querySelectorAll(".popped").length === 12) {Tendrás que almacenar el hecho de que cada uno pasa el mouse sobre el evento. Podrías darle a cada círculo una clase única, y luego, con el mouse sobre incluso, podrías agregar una clase para marcarlo. Luego solo verifica si no queda ninguno que no esté marcado.
function moveOver(e) { let circle = e.target; circle.innerHTML = "POP!!!"; circle.classList.add('popped'); if (!document.querySelectorAll('.circleClass:NOT(.popped)').length) { alert("There is no circles left!"); } } .popped { circle.style.color = "#ff0000"; circle.style.background = "transparent"; }