Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Proyecto] Resumen de clase: loop para cargar datos

<meta charset="utf-8"> <!compatibilidad con todos los navegadores>
<br>
<h1>Juego secreto</h1>
<hr>
<input>                                                <!crear un campo de formulario para entrada de usuario>
<button>Verificar si acerto con el secreto</button>    <!crear un botón clicable para realizar una acción>

<script>
    //¿Qué voy hacer?
    //Un juego secreto usando array en vez de number
    //¿Cómo se va a realizar?
    //Los elementos del array serán verificados por la entrada del usuario
    //¿Cuántos elementos tendrá el array?
    //Para este ejemplo son 4 elementos, pero un array puede tener millones de elementos

    var secreto = [3,4,5,6];                      // variable a verificar con 4 elementos en un array 
    var input = document.querySelector("input");  // pasa todo lo ingresado en HTML a JavaScript    
    input.focus();                                // Para enfocar inmediatamente en la casilla al cargar el programa

                // Creación de función verificar
    function verificar(){
        var encontrado = false;                                 // para verificación de elementos y cambio de valor falso a true

        //loop para cargar datos
        for(var posición = 0;posición <secreto.length;posición++){ 
            //iniciación = 0, desde el index 0 del array
            //condición: que la iniciación va hasta la longuitud del array
            //contador
            if(parseInt(input.value) == secreto[posición]){     //condición de comparación: entre el dato ingresado y algún elemento del array
                alert("Usted acerto");
                encontrado = true;                              // transformación de dato booleano, solamente al coincidir el dato del usuario con el del array
                break;                                          // para evitar interacciones innecesarias al coincidir datos

            }
        }
        //Creación de condición: En caso de no encontrar un valor igual al que ingresamos  
        if(encontrado == false){                             
            alert("Usted erró")
        }

        input.value = "";                       // para dejar en blanco el formulario de entrada despues de usarse
        input.focus();                          // para focalizarse inmediatamente en la casilla o formulario de entrada luego de verificar
    }




    var button = document.querySelector("button") //captura al objeto button en HTML a JavaScript

    // asociación de la función verificar al dar click
    button.onclick = verificar; // verificar; sin () hace una asociación a la función                           
                                // verifificar(); hace un llamado de la función
</script>
1 respuesta
solución!

¡Hola Washington! ¡Deseo que estés bien!

¡Muchas Felicidades!

¡Gracias por compartir tu código con nosotros! Nos alegra mucho ver tu avance en las prácticas, éstas te darán un mayor fundamento en el aprendizaje. ¡Continua con ese mismo entusiasmo y no te desanimes!

En lo esencial, para agilizar el tiempo de respuesta que damos a ustedes, estamos priorizando el foro para postear las dudas como: errores, bugs y cualquier otro problema referente a los cursos.

En cambio, si deseas compartir tu código, ideas o actividades dispusimos en Discord un canal exclusivo para ese fin (⛓┇comparte-tu-codigo-logica) Allí, tus compañeros de estudios podrán ayudarte compartiendo conocimientos. ¡Esta interacción es muy importante para la participación de los alumnos y puede ayudarte a expandir tu red de contactos!

Te dejo éste link que muestra donde puedes compartir tus actividades

¡Te deseo mucho éxito en tus estudios! y recuerda que aquí estaremos para apoyarte!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!