<!DOCTYPE html>
<html lang="pt_br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input />
<button>Compare com o meu segredo</button>
<script>
var segredo = Math.round(Math.random()*10);
console.log(segredo);
//nome da variavel pode ser qualquer coisa (chamo a função html)
var input = document.querySelector('input');
input.focus();
function verifica() {
if (input.value == segredo) {
alert("vc acertou!!!!")
} else {
alert("você errou!!!")
}
input.value = "";
input.focus();
}
var button = document.querySelector('button');
button.onclick = verifica;
</script>
</body>
</html>
