<!DOCTYPE html>
<meta charset="utf8">
<body>
<h1>Ejercicio de adivinación</h1>
<form id="formulario" action="" style="display: flex; flex-direction: column; width: 30%;">
<input type="text" placeholder="Quién va a jugar???" id="nombre">
<button type="submit" onclick="adivinar()">Empezar a jugar!!!</button>
</form>
</body>
<script>
function adivinar() {
var nombre = document.getElementById('nombre').value;
var numero = Math.round(Math.random() * 10)
var numeroUsuario = 11;
var intentos = 0;
while (numero != numeroUsuario) {
numeroUsuario = prompt(nombre + " ingrese un número entre 0 y 10 a ver si adivina!!!");
if (numeroUsuario<0 || numeroUsuario>10) {
alert("El número no está entre 0 y 10 bobo!!!");
} else {
if (numero == numeroUsuario) {
alert("Felicitaciones ha adivinado el número era: " + numero);
}else{
intentos = intentos + 1;
var chances = 3 - intentos;
alert("No adivinó, le quedan " + chances + " chances!");
}
}
if (intentos > 2) {
break;
}
}
}
</script>