¡Hola Angel!
Gracias por compartir tu código con nosotros. Parece que el problema está en la condición del if dentro de la función "disparar". Actualmente, estás comprobando si x es menor que xAleatorio + radio y también si x es menor que xAleatorio - radio. Esto significa que ambas condiciones deben cumplirse para que el alert se muestre.
En cambio, deberías comprobar si x está entre xAleatorio - radio y xAleatorio + radio, y lo mismo para la coordenada y. Aquí tienes el código corregido:
function disparar(evento) {
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!");
}
}
Con estos cambios, el alert debería mostrarse cuando hagas clic en el blanco. Espero que esto solucione tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buena suerte con tu proyecto!
Espero haber ayudado y buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)