<meta charset="UTF-8">
<h1>Adivina el numero</h1>
<input type="text" class="usuarioNumero">
<br>
<br>
<button onclick="validarDatos()" type="button">Verificar el resultado</button>
<script>
//var numeroSistema = Math.floor(Math.random() * 20)
var numeroUsuario = ""
var intentos = 0
var selectores = []
var consiguioAdivinar = false
function aleatorio(items=4,valor=20){
for(var i=0; i<items; i++){
selectores[i] = verificarRepetidos(Math.floor(Math.random() * valor),valor)
}
}
function verificarRepetidos(datoIngresado,valor){
for(var i=0; i<selectores.length; i++){
if(datoIngresado == selectores[i]){
selectores[i] = Math.floor(Math.random() * valor)
i=0
}
}
return datoIngresado
}
function validarDatos(){
numeroUsuario = document.querySelector(".usuarioNumero")
if(selectores.length == 0){
aleatorio(5)
}
for(var numero=0; numero < selectores.length; numero++){
if(selectores[numero] == parseInt(numeroUsuario.value)){
consiguioAdivinar = true
alert("felicidades, acerto el numero="+ selectores[numero] + " intentos="+intentos)
break
}
}
if(consiguioAdivinar === false){
intentos++
alert("No adivino el numero intento="+intentos)
}
consiguioAdivinar = false
numeroUsuario.value = ""
numeroUsuario.focus()
}
</script>