1
resposta

input.focus não está funcionando

Fiz o código como está no vídeo, copiando, porém, quando carrego, o input.focus e o input.value=" " não funcionam! Alguém pode me ajudar?

<meta charset="utf-8">
    <input/>
    <button>Compare com o numero pensado!</button>
<script type="text/javascript">

    var segredo= Math.round(Math.random()*10);
    var input = document.querySelector("input");
    input.focus();

    function verifica() {
        if(input.value==segredo){
        alert("Vc acertou!!!");
        }
        else{
        alert("Vc errou!!!!!!");
        }
    }

    input.value="";
    input.focus();
    var button = document.querySelector("button");
    button.onclick=verifica;
</script>
1 resposta

Opa Karine boa tarde O seu Input.value=""; e seu input.focus(); estão fora da função verifica() basta coloca-los dentro das chaves da função porém, fora do if e do else, como no código abaixo:

<meta charset="utf-8">
    <input/>
    <button>Compare com o numero pensado!</button>
<scrit type="text/javascript">

    var segredo= Math.round(Math.random()*10);
    var input = document.querySelector("input");
    input.focus();

    function verifica() {
        if(input.value==segredo){
            alert("Vc acertou!!!");
        }
        else{
            alert("Vc errou!!!!!!");
        }
        input.value="";   
        input.focus();
    }


    var button = document.querySelector("button");
    button.onclick=verifica;
</script>

Espero ter ajudado, boa dia e bons estudos!!