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

meu código do botão não está funcionando como eu resolvo ?

Olá meu código é esse aqui. Como eu resolvo isso ? está dando que o botão não foi definido mas eu não sei arrumar.


<meta charset="UTF-8">
<input type="UTF-8" name="botão">
<button>aperte para chutar</button>
<script>

    function pulaLinha() {

        document.write("<br>");
}

    function mostra(frase) {

        document.write(frase);
        pulaLinha();
}

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

    function funcaocriada() {

        if(input.value == advinhanumero) { 
            alert("Você acertou, o número pensado era advinhanumero")
        } 

        else { 
            alert(" Você errou ")
        }
    }


    var but= document.querySelector("button")
    button.onclick = funçaocriada


</script>
4 respostas

Olá Daniel, tudo bem?

São duas questões que estão ocorrendo.

A primeira é que quando chamamos o button.onclick, o button não está definido, pois a variável criada se chama "but". Veja:

   var but= document.querySelector("button")
    button.onclick = funçaocriada

Modificando, ficará assim:

   var button= document.querySelector("button")
    button.onclick = funçaocriada

Além disso, o nome da função que está sendo recebida pelo button.onclick está escrita diferente do nome que foi definido para a função, está funçãocriada ao invés de `funcaocriada".

O código final ficará assim

   var button= document.querySelector("button")
    button.onclick = funcaocriada

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

olá ainda não está pegando. Ele não acerta e no console eu não consigo chamar minha função sem executar a funcaocriada como posso resolver ?

Meu código é

<meta charset="UTF-8">
Chute um número entre 0 até 10
<br><br>
<input type="UTF-8" name="botão">
<button>aperte para chutar</button>
<script>

    function pulaLinha() {

        document.write("<br>");
}

    function mostra(frase) {

        document.write(frase);
        pulaLinha();
}

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

    function funcaocriada() {

        if(input.value == advinhanumero) { 
            alert("Você acertou, o número pensado era advinhanumero")
        } 

        else { 
            alert(" Você errou, tente novamente ")
        }
    }

    input.value = ""
    var button= document.querySelector("button")
    button.onclick = funcaocriada


</script>
solução!

Opa, Daniel! Obrigada pelo retorno.

Rodei seu código novamente e ele funcionou, veja:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeFiz uma outra alteração, no seu código a var advinhanumero está dentro da string, e para que apareça qual é o numero sorteado ela deve estar fora, dessa forma:

 alert("Você acertou, o número pensado era " + advinhanumero)

Independente dessa alteração, eu rodei o código que você mandou, e tanto a função quanto o botão estavam funcionando, então vou pedir para você seguir os seguintes passos:

  1. Faça a alteração no alert e salve o arquivo.
  2. Abra o navegador.
  3. Abra o console.
  4. Chame o advinhanumero no console.
  5. Atualize a página.
  6. Teste com um número certo e um errado.

É muito importante que seja feito nessa ordem.

Fico no aguardo para saber se funcionou.