Buena noche, acà dejo mi còdigo con un pequeña modificaciòn....en lugar de presentar un alert, coloco el mensaje en una etiqueta dentro de la pàgina.
JUEGO SECRETO version 2.0 EN HTML
CON JAVASCRIP UTILIZANDO FOR Y ARRAYS
<p></p>
Buena noche, acà dejo mi còdigo con un pequeña modificaciòn....en lugar de presentar un alert, coloco el mensaje en una etiqueta dentro de la pàgina.
<p></p>
Hola , espero que esté bien.
Creo que te olvidaste de compartir con nosotros tu código, me quedo aquí a tu espera para ver cómo solucionaste el problema
Buena tarde, perdón....va de nuez...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JUEGO SECRETO 2</title>
</head>
<body>
<h1>JUEGO SECRETO version 2.0 EN HTML</h1>
<h3>CON JAVASCRIP, UTILIZANDO ARRAYS, WHILE Y FOR</h3>
<input/>
<br>
<br>
<button>VERIFICAR SECRETO</button>
<p></p>
</body>
<script>
let texto = document.querySelector('input');
let p = document.querySelector('p');
//funcion que devuelve un numero aleatorio entre 0 a 10
NumAleatorio = () =>{
return Math.round(Math.random()*10);
}
//funcion que llena un array con 4 digitos aleatorios entre 0 a 10
LlenarSecretos = (cantidad) =>{
let secreto = [];
let contador=0;
while (contador <=cantidad ) {
secreto.push(NumAleatorio());
contador++;
}
//hace un recorrido dentro del array, linea por linea.
/* secreto.forEach( function(elemento, indice){
console.log(`<li posicion en el array="${indice}"> ${elemento} </li>`); } ); */
return secreto;
}
verificar = () =>{
let secretos = LlenarSecretos(3);
if ( parseInt( texto.value) == secretos) {
p.innerHTML = '<h2>Excelente Usted acerto.</h2>';
}else{
p.innerHTML= '<h2> No, ese no es el secreto. </h2>';
}
texto.value = '';
texto.focus();
}
let boton = document.querySelector('button');
boton.onclick = verificar;
</script>
</html>
otra propuesta:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JUEGO SECRETO 2</title>
</head>
<body>
<h1>JUEGO SECRETO version 2.0 EN HTML</h1>
<h3>CON JAVASCRIP, UTILIZANDO ARRAYS estatico</h3>
<input/>
<br>
<br>
<button>VERIFICAR SECRETO</button>
<p></p>
</body>
<script>
let secreto = [3,5,7,9];
let texto = document.querySelector('input');
texto.focus();
let p = document.querySelector('p');
/* secreto.forEach( function(elemento, indice){
console.log(`<li id="${indice}"> ${elemento} </li>`);}); */
verificar = () =>{
var encontrado = false;
for (let posicion = 0; posicion < secreto.length; posicion++) {
if ( parseInt( texto.value) == secreto[posicion] ) {
p.innerHTML = '<h2>Excelente Usted acerto.</h2>';
encontrado = true;
break;
//alert('RECARGAR PARA INICIAR DE NUEVO');
}
}
if(encontrado == false){
p.innerHTML= '<h2> No, ese no es el secreto. </h2>';
}
texto.value = '';
texto.focus();
}
let boton = document.querySelector('button');
boton.onclick = verificar;
</script>
</html>
Hola , espero que esté bien.
Gracias por compartir tu código con nosotros, he probado aquí y el resultado ha sido muy bueno.
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios