Descripción de Elementos Básicos de JavaScript

Variables: let numeros = []; - Declara un arreglo vacío llamado numeros para almacenar los números introducidos por el usuario.

Funciones:

• agregarNumero() - Agrega un número a la lista, verifica si es válido y determina si es par o impar.
• mostrarNumeros() - Muestra todos los números en el arreglo numeros.
• mostrarSuma() - Calcula y muestra la suma total de los números en el arreglo.
• reiniciarOperacion() - Reinicia la operación, vaciando el arreglo y limpiando la lista y resultados.

Elementos del DOM:

• document.getElementById("numberInput") - Obtiene el elemento de entrada donde el usuario introduce un número.
• document.getElementById("numberList") - Accede a la lista que mostrará los números.
• document.getElementById("resultado") - Obtiene el elemento donde se mostrará la suma total.

Métodos del DOM:

• innerHTML - Se utiliza para actualizar el contenido HTML de un elemento.
• createElement("li") - Crea un nuevo elemento de lista (<li>) que se añade a la lista de números.

Condicionales:

• if (isNaN(numero)) - Verifica si el valor introducido es un número válido. Si no lo es, muestra una alerta.
• if (numero % 2 === 0) - Determina si el número es par o impar.

Bucles: for (let i = 0; i < numeros.length; i++) - Utilizado para recorrer el arreglo numeros.

Alertas: alert("...") - Muestra cuadros de alerta al usuario para proporcionar información sobre el número ingresado y resultados.

Estos elementos básicos de JavaScript permiten crear una interfaz interactiva para el usuario.

Lista de Números - Ejercicio Básico con JavaScript

Introduce un número y verifica si es par o impar, luego agrega el número a la lista.

Lista de Números:

CODE

        <section>
            <h2>Lista de Números - Ejercicio Básico con JavaScript</h2>
            <p>Introduce un número y verifica si es par o impar, luego agrega el número a la lista.</p>
        
            <input type="number" id="numberInput" placeholder="Introduce un número">
            <button onclick="agregarNumero()">Agregar Número</button>
        
            <h3>Lista de Números:</h3>
            <ul id="numberList"></ul>
        
            <button onclick="mostrarSuma()">Mostrar Suma Total</button>
            <button onclick="reiniciarOperacion()">Reiniciar Operación</button>
        
            <div id="resultado"></div>
            
        </section>
        

        <script>
            // Arreglo para almacenar los números introducidos por el usuario
            let numeros = [];
    
            // Función para agregar un número a la lista
            function agregarNumero() {
                let numero = parseInt(document.getElementById("numberInput").value);
    
                // Condicional para verificar si es un número válido
                if (isNaN(numero)) {
                    alert("Por favor, introduce un número válido.");
                    return;
                }
    
                // Condicional para verificar si el número es par o impar
                if (numero % 2 === 0) {
                    alert("El número " + numero + " es par.");
                } else {
                    alert("El número " + numero + " es impar.");
                }
    
                // Agregar el número al arreglo
                numeros.push(numero);
    
                // Mostrar la lista de números en la página
                mostrarNumeros();
    
                // Limpiar el campo de entrada
                document.getElementById("numberInput").value = "";
            }
    
            // Función para mostrar los números en el listado
            function mostrarNumeros() {
                let lista = document.getElementById("numberList");
                lista.innerHTML = ""; // Limpiar la lista antes de actualizar
    
                // Bucle para recorrer el arreglo y mostrar cada número
                for (let i = 0; i < numeros.length; i++) {
                    let item = document.createElement("li");
                    item.textContent = numeros[i];
                    lista.appendChild(item);
                }
            }
    
            // Función para calcular y mostrar la suma total de los números
            function mostrarSuma() {
                let suma = 0;
    
                // Bucle para sumar todos los números del arreglo
                for (let i = 0; i < numeros.length; i++) {
                    suma += numeros[i];
                }
    
                // Mostrar resultado por pantalla
                document.getElementById("resultado").textContent = "La suma total es: " + suma;
    
                // Alerta con el resultado de la suma
                alert("La suma total de los números es: " + suma);
            }
    
            // Función para reiniciar la operación y limpiar los datos
            function reiniciarOperacion() {
                numeros = []; // Vaciar el arreglo de números
                document.getElementById("numberList").innerHTML = ""; // Limpiar la lista visual
                document.getElementById("resultado").textContent = ""; // Limpiar el resultado en pantalla
            }
        </script>