Gostaria de criar um jogo de adivinhação, mas independente da informação que coloco no input, ele retorna a mensagem de que o numero é menor
<meta charset="UTF-8">
<h1> Jogo da adivinhação </h1>
<br>
<input>
<button>Verifique se é o numero correto</button>
<script>
function sorteia(){
return Math.round(Math.random() * 10);
}
function pulaLinha(){
document.write("<br>");
}
function mostra(texto){
document.write(texto);
pulaLinha();
}
var input = document.querySelector("input");
var vidas = 3;
var numero = sorteia();
input.focus()
function verifica(){
while (vidas > 0) {
if (input == numero) {
alert("Você acertou");
break;
}
else {
if (input > numero){
alert("O numero é maior. Você tem mais " + vidas + " tentativas");
}
else {
alert("O numero é menor. Você tem mais " + vidas + " tentativas");
}
input.value = "";
input.focus();
return vidas = vidas - 1
}
}
if (vidas == 0){
mostra ("Você errou o numero, tente novamente! O número secreto era " + numero);
}
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>