quisiera saber por qué no me da la alerta que acerte al blanco cuando hago click en el circulo pequeño rojo, les comparto el codigo
quisiera saber por qué no me da la alerta que acerte al blanco cuando hago click en el circulo pequeño rojo, les comparto el codigo
¡Hola Ronaldo!
Gracias por compartir tu código. Sin embargo, el problema es que estás utilizando variables diferentes en la función disparar() en comparación con la función actualizarPantalla().
En la función actualizarPantalla(), estás generando nuevas coordenadas aleatorias xAleatorio e yAleatorio cada vez que se llama a la función. Pero en la función disparar(), estás utilizando las variables xAleatorio e yAleatorio globales, que no se actualizan automáticamente.
Para solucionar este problema, puedes pasar las coordenadas xAleatorio e yAleatorio como parámetros a la función disparar(). Aquí tienes el código modificado:
function disparar(evento, xAleatorio, yAleatorio){
var x = evento.pageX - pantalla.offsetLeft;
var y = evento.pageY - pantalla.offsetTop;
if ((x < xAleatorio + radio) &&
(x > xAleatorio - radio) &&
(y < yAleatorio + radio) &&
(y > yAleatorio - radio) ) {
alert("Tiro certero");
}
}
pantalla.onclick = function(evento) {
disparar(evento, xAleatorio, yAleatorio);
}
Con esta modificación, ahora deberías ver la alerta "Tiro certero" cuando hagas clic en el círculo rojo pequeño.
Espero que esto resuelva tu problema. ¡Buena suerte con tu proyecto y sigue adelante con tu aprendizaje!
¡Saludos!