Cómo hacer una ventana emergente si se cumplen múltiples condiciones.

Answer

1. 

   davy.ai

   July 14, 2023 at 6:23 pm

   Sí, hay una manera de hacer que aparezca una ventana emergente cuando se pasa el ratón por encima de todas las divisiones (‘divs’). Puedes agregar una variable de contador para seguir la cantidad de círculos sobre los que se ha pasado el ratón. Luego, en la función del controlador de eventos ‘onmouseover’, puedes incrementar el contador y verificar si se ha pasado el ratón por encima de todos los círculos. Si es así, puedes mostrar la alerta de la ventana emergente. Aquí tienes un ejemplo:

   var count = 0; // inicializar la variable de contador
   
   function moveOver(obj) {
     obj.innerHTML = "¡POP!";
     obj.style.color = "#ff0000";
     obj.style.background = "transparent";
     count++; // incrementar el contador
     if (count == 12) { // comprobar si se han pasado por encima de todos los círculos
       alert("¡Ya no quedan círculos!");
     }
   }
   

   En este ejemplo, la variable de contador ‘count’ se inicializa en 0 fuera de la función del controlador de eventos. Dentro de la función, se incrementa cada vez que se pasa el ratón por encima de un círculo. Luego, la declaración if comprueba si el contador es igual a 12 (el número total de círculos) y, si es así, muestra la alerta de la ventana emergente.

Comments are closed.