Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

Necesito una ayudita por favor.

//Hola! 
    //Me pase un buen tiempo intentando descubrir cual es la falla 
    //que evita el funcionamiento de mi alert("Tiro certero"); por favor si alguien 
    //localiza la falla le agradecería mucho que me lo comente, muchas gracias! 

<canvas width="600" height="400"> </canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");        
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0,0,600,400); 


    var radio = 10;
    var xAleatoria;
    var yAleatoria;

    function disenharCircunferencia(x,y,radio,color){
        pincel.fillStyle = color;
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();
    }    

    function limpiarPantalla(){

        pincel.clearRect(0,0,600,400);

    }

    var x = 0


    function disenarObjetivo(x,y){
        disenharCircunferencia(x,y,radio + 20,"red");
        disenharCircunferencia(x,y,radio + 10,"white");
        disenharCircunferencia(x,y,radio, "red");
    }

    function sortearPosicion(maximo){
        return Math.floor(Math.random()*maximo);
    }

    function actualizarPantalla(){
        limpiarPantalla();
        pincel.fillStyle ="lightgrey";
        pincel.fillRect(0,0,600,400);

        var xAleatoria = sortearPosicion(600);
        var yAleatoria = sortearPosicion(400);
        disenarObjetivo(xAleatoria,yAleatoria);
        x++;
    }

    setInterval(actualizarPantalla,2000);

    function disparar(evento){

        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;

         if((x < xAleatoria + radio) && (x > xAleatoria - radio) && (y < yAleatoria + radio) && (y > yAleatoria - radio)){

              alert("Tiro certero");

           }

    }

    pantalla.onclick = disparar;

</script> 
3 respuestas
solución!

Hola Joel, el error se da porque dentro de la función actualizarPantalla() declaras nuevamente las variables xAleatorio y yAleatorio. Recuerda que si declaras una variable dentro de una función solo podrás usarla dentro de esa función. Por eso, si quieres hacer uso de una variable en todas las funciones, debes declararlas al principio del código y no dentro de la función. Un saludo

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Muchas gracias Luis, venís buscando por la misma problemática y tu respuesta me solucionó el error, ciertamente son detalles que parecen obvios pero se escapan...

muchas gracias, funciono perfecto!