Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Alerts não são exibidos

O programa não exibe os alerts. O que está acontecendo? Suspeito que seja algo com o HTML. Utilizei as tags head e body que não são mostradas na aula. O que ocorre?

<!DOCTYPE html>

<html lang="pt-BR">

    <head>
        <meta charset="UTF-8">
        <title>Adivinha 3.0!</title>

        <script>
            // var numeroSorteado = Math.round(Math.random() * 10);
            var segredos = [3,7,10,13];
            var input = document.querySelector("input");
            input.focus();

            var achou = false;

            function verifica() {
                for(var i = 0; i < segredos.length; i++ ) {
                    if(input.value == segredos[i]) {
                        alert("Você acertou! Parabéns!");
                        achou = true;
                        break;
                    }
                }

                if(achou == false) {
                    alert("Você errou!");
                }

                input.value="";
                input.focus();
            }    
                var button = document.querySelector("button");
                button.onclick = verifica;  

                alert("O número sorteado foi "+numeroSorteado);
        </script>
    </head>

    <body>
        <h1>Adivinha 3.0!</h1>
        <input>
        <button>VAI!</button>
    </body>

</html>
2 respostas
solução!

Olá, tudo bem? Coloque seu script dentro das tags

<body></body>

que o código irá funcionar. Veja abaixo:

<!DOCTYPE html>

<html lang="pt-BR">

    <head>
        <meta charset="UTF-8">
        <title>Adivinha 3.0!</title>
    </head>

    <body>
        <h1>Adivinha 3.0!</h1>
        <input>
        <button>VAI!</button>

         <script>
            // var numeroSorteado = Math.round(Math.random() * 10);
            var segredos = [3,7,10,13];
            var input = document.querySelector("input");
            input.focus();

            var achou = false;

            function verifica() {
                for(var i = 0; i < segredos.length; i++ ) {
                    if(input.value == segredos[i]) {
                        alert("Você acertou! Parabéns!");
                        achou = true;
                        break;
                    }
                }

                if(achou == false) {
                    alert("Você errou!");
                }

                input.value="";
                input.focus();
            }    
                var button = document.querySelector("button");
                button.onclick = verifica;  

                alert("O número sorteado foi "+numeroSorteado);
        </script>
    </body>

</html>

Muito obrigado, Ricardo! Achei que devia-se colocar a tag script dentro da tag head.