<meta charset="UTF-8">
<input/>
<button>Compare com o meu segredo</button>
<script>
var segredo = Math.round(Math.random() * 10);
var input = document.querySelector("input");
input.focus();
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
verifica();
}
});
function verifica() {
if(input.value == segredo) {
alert("Você ACERTOU!");
} else {
alert("Você ERROU!!!!!!!!");
}
input.value = "";
input.focus();
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>
1
resposta
resposta
[Projeto] meu codigo funcionando o ENTERno BOTAO
Olá, Danillo.
Tudo bem?
Muito obrigado por compartilhar o seu código aqui com a gente. Isso mostra que está de fato praticando e evoluindo :)
Vamos revisar o que você fez:
Você selecionou o input com
document.querySelector("input")e atribuiu ainput.Você adicionou um ouvinte de evento para o evento "keyup" no
input. Isso significa que, sempre que uma tecla for liberada enquanto oinputestiver em foco, a função que você forneceu será chamada.Dentro dessa função, você verifica se a tecla que foi liberada é a tecla Enter (que tem o código de tecla 13). Se for, você chama a função
verifica().A função
verifica()compara o valor doinputcom osegredo. Se eles forem iguais, um alerta é exibido dizendo "Você ACERTOU!". Se não forem, um alerta é exibido dizendo "Você ERROU!!!!!!!!".Finalmente, você limpa o
inpute coloca o foco de volta nele.Você também adicionou um ouvinte de evento para o evento "click" no botão, que também chama a função
verifica().
Seu código parece estar correto e funcionamdo.
Espero ter ajudado e bons estudos!