Solucionado
Bom dia !
Eu consegui realizar da forma que foi explicado e que usando o input.value "" ; é póssivel que a caixa seja esvaziada após o usuário fornecer a resposta. Minha dúvida é a seguinte: Como faço para que ao acertar a resposta o número não seja apagado da caixa, neste caso não uso o input.value "", porém caso a página seja recarregada o número suma? É possível fazer dessa forma? Obrigada pela interação, e desejo a todos uma ótima segunda feira.
Keli,
no Chrome esta "limpeza da caixa" ocorre só de recarregar a página, sem nenhuma instrução. No firefox, recarregar a página não limpa a caixa.
Para fazer o que pensou, sem apagar após a comparação, precisa apenas mudar a posição do input.value= """":
<meta charset="UTF-8">
<input/>
<button>Compare com o meu segredo</button>
<script>
var segredo = Math.round(Math.random() * 10);
console.log(segredo);
var input = document.querySelector("input");
input.value = "";
input.focus();
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>Deu certo !!!!!!
Obrigada, isso nem tinha passado pela minha cabeça :D