Por favor que sugerencias me pueden dar de mi codigo. Gracias.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Probá tu suerte</title>
</head>
<body>
<h1 class="TituloH1">Adivina Adivinador...</h1>
<h3 class="TituloH3">¿Seras capaz adivinar un numero del 1 al 10?</h3>
<form action="#" class="form">
<div class="container">
<label for="" class="container__label">Introduce un numero del 1 al 10: </label>
<input type="number" class="numSuerte">
</div>
<input type="button" class="buttonSuerte" value="PROBÁ" onclick="probar()">
</form>
<div class="contRespuesta"></div>
<div class="contFallaste"></div>
<!-- <script src="Suerte.js"></script> -->
<script>
var numSuerte = document.querySelector(".numSuerte");
var contRespuesta = document.querySelector(".contRespuesta");
var contFallaste = document.querySelector(".contFallaste");
var num = Math.round(Math.random()*10);
var pIntentos = document.createElement("P");
var nrIntentos = 3;
var cont = 1;
pIntentos.innerHTML = `Ud dispone de ${nrIntentos} intentos.`;
contRespuesta.appendChild(pIntentos);
function probar(){
let res = document.createElement("P");
while(cont <= nrIntentos){
if (parseInt(numSuerte.value) > 10){
return alert("El tienes que ingresar un numero entre 1 y 10!!!");
}
if (parseInt(numSuerte.value) != num){
nrIntentos--;
console.log(cont);
return pIntentos.innerHTML = `UPPPS! Te equivocaste. Ud dispone de ${nrIntentos} intentos.`;;
}
if (parseInt(numSuerte.value) == num){
res.innerHTML = `<br> Ud acerto el con el numero ${num}`;
contRespuesta.appendChild(res);
break;
}
cont ++;
}
if(nrIntentos == 0){
alert("Se te acabo el numero de intentos!!!");
let parrafoPerdiste = document.createElement("P");
parrafoPerdiste.innerHTML = `:( La respuesta correcta era: ${num}`;
contFallaste.appendChild(parrafoPerdiste);
}
}
</script>
</body>
</html>
