Aproveitei para brincar com o css pelo js um pouco :)))
//elementos html
var texto = document.querySelector("span");
var campoTexto = document.querySelector("input");
var botao = document.querySelector("button");
campoTexto.focus();
//criando número aleatório
var numeroCorreto = Math.round(Math.random() * 10);
function verificarNumero() {
if (campoTexto.value == numeroCorreto) {
texto.style.color = "green";
texto.textContent = "Acertou! O número é: " + numeroCorreto;
} else {
texto.style.color = "red";
texto.textContent = "Errou! Tente novamente";
}
campoTexto.value = "";
campoTexto.focus();
}
botao.onclick = verificarNumero;
