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

Arrays trabalhe com muitos dados

Nao consigo fazer o botao ficar clicavel, eu clico no botao e nao acontece nada, ja alterei e refiz um monte de vez e nao consegui O que falta para o botao ficar clicavel?

<input type="text" id="numero" />
<input type="submit" id="adivinhar" value="Compare com o meu segredo!"/>

<script>
var caixaDoNumero = document.getElementById("numero");

var botaoAdivinhar = document.getElementById("adivinhar");
botaoAdivinhar.onclick = botaoClicado;

var botaoClicado = function() {
    alert(caixaDoNumero.value);
};
</script>
6 respostas

Tu não precisa colocar os inputs dentro de uma tag form?

Agora que eu vi que é só JS.

Deveria funcionar...

Pois é não sei que acontece mas quando clico no botão nao acontece nada

Marcelo, talvez não seja a explicação correta, me perdoe por isso, mas o seu código não está funcionando por causa da ordem.

Eu copiei e colei o seu código e também não funcionou, mas lembrei que em C/C++ ocorre erro no código caso uma variável ou uma função não estejam declaradas antes de serem chamadas, então, apenas troquei a posição da variável botaoAdivinhar pela posição da função botaoClicado e funcionou.

Espero ter ajudado.

<meta charset = "URF-8">

<input type="text" id="numero" />
<input type="submit" value="Compare com o meu segredo!" id="adivinhar" />

<script>
var caixaDoNumero = document.getElementById("numero");

var botaoClicado = function() {
    alert(caixaDoNumero.value);
};

var botaoAdivinhar = document.getElementById("adivinhar");
botaoAdivinhar.onclick = botaoClicado;

</script>
solução!

Como o amigo daí de cima já falou, você primeiro deve declarar a função pra só depois chama-la

Maicon e Otavio muito obrigado....

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software