No script abaixo eu organizei o HTML com espaços e coloquei uma mensagem informando as regras do jogo. Também coloquei a variável "segredo" dentro da função "verifica". Mas a minha pergunta é a seguinte: O que seria mais performático, ou qual a melhor prática? Declarar as variáveis "input" e "botton" antes da função ou depois dela?
<meta charset="utf-8">
<br><input/><br><br>
<button>Compare com o meu segredo!</button><br><br>
("Digite um valor de 1 a 10")
<script>
function verifica() {
var segredo = Math.round(Math.random() * 10);
if(input.value == segredo){
alert("Você ACERTOU!");
} else {
alert("Você errou!");
}
input.value = "";
//Aqui nós declaramos um valor vazio para a o input.value, para "limpar" a barra de texto.
input.focus();
//Aqui nós destacamos a caixa de texto para o usuário.
}
var input = document.querySelector("input");
input.focus();
var button = document.querySelector("button");
button.onclick = verifica;
</script>
