Por cada vez que se acierta o se acaben los intentos quiero que se reinicien los Arays SIN necesidad de cargar nuevamente la pagina. Lo cual si lo hace (esto al ver la consola lo puedes verificar), si me cambia los Arays sin embargo, al cargarme los nuevos Arays, la condicional me sigue revisando el primer Aray.
Me pueden apoyar?
<meta charset="utf-8">
<h3>Adivina el número</h3>
<input type="number" min="0" max="10"/>
<button onclick="verificar()">Verificar</button>
<script>
var secreto = sortearNumeros(4);
var input = document.querySelector("input");
var contador = 1;
var bandera = false;
window.addEventListener("load", function(event) {
input.focus();
console.log(secreto);
});
function aleatorio() {
return Math.round(Math.random()*10);
}
function sortearNumeros(cantidad) {
var secreto = [];
var contador = 1;
while (contador <= cantidad) {
var numeroAleatorio = aleatorio();
console.log(numeroAleatorio);
var encontrado = false;
for (var i = 0; i < secreto.length; i++) {
if (numeroAleatorio == secreto[i]) {
encontrado = true
}
}
if (encontrado == false) {
secreto.push(numeroAleatorio);
contador++;
}
}
return secreto;
}
function reinciar() {
contador = 1;
input.value = "";
input.focus();
console.clear();
sortearNumeros(4);
}
function verificar() {
if (input.value == "") {
alert("Debes poner un numero");
}else if (input.value >= 0 && input.value <= 10) {
for (var i = 0; i <= secreto.length; i++) {
if (input.value == secreto[i]) {
bandera = true;
}
}if (bandera == true) {
alert("Usted acerto");
bandera = false;
reinciar();
}else {
alert("(" + (3 - contador) + " / 3) intentos faltantes.")
contador++;
input.value = "";
if (contador > 3) {
alert("Numero pensado: " + secreto);
reinciar();
}
}
}else {
alert("Tiene que ser numeros del 0 al 10");
}
}
</script>