[Duda] desafío cómo usar las funciones | Lógica de programación: explorar funciones y listas

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Desafíos en HTML y JavaScript</title>
</head>
<body>
    <h1>Desafíos en HTML y JavaScript</h1>

    <div id="output"></div>

    <script>

        let listaGenerica = [];

        // Crear lista de lenguajes de programación
        let lenguagesDeProgramacion = ['JavaScript', 'C', 'C++', 'Kotlin', 'Python'];

        // Agregar elementos a la lista
        lenguagesDeProgramacion.push('Java', 'Ruby', 'GoLang');

        // Función para mostrar todos los elementos de la lista
        function mostrarLista(lista) {
            let output = document.getElementById('output');
            output.innerHTML += "<h2>Elementos de la lista:</h2>";
            lista.forEach(item => {
                output.innerHTML += `<p>${item}</p>`;
            });
        }

        // Función para mostrar todos los elementos de la lista en orden inverso
        function mostrarListaInversa(lista) {
            let output = document.getElementById('output');
            output.innerHTML += "<h2>Elementos de la lista en orden inverso:</h2>";
            lista.slice().reverse().forEach(item => {
                output.innerHTML += `<p>${item}</p>`;
            });
        }

        // Función para calcular el promedio de los elementos en una lista de números
        function calcularPromedio(lista) {
            if (lista.length === 0) return "La lista está vacía.";
            let suma = lista.reduce((a, b) => a + b, 0);
            return suma / lista.length;
        }

        // Función para mostrar el número más grande y el más pequeño en una lista
        function mostrarMaxMin(lista) {
            if (lista.length === 0) return "La lista está vacía.";
            let max = Math.max(...lista);
            let min = Math.min(...lista);
            return `Número más grande: ${max}, Número más pequeño: ${min}`;
        }

        // Función que devuelve la suma de todos los elementos en una lista
        function sumarLista(lista) {
            return lista.reduce((a, b) => a + b, 0);
        }

        // Función que devuelve la posición de un elemento en la lista, o -1 si no existe
        function buscarElemento(lista, elemento) {
            return lista.indexOf(elemento);
        }

        // Función que recibe dos listas del mismo tamaño y devuelve una nueva lista con la suma de los elementos uno a uno
        function sumarListas(lista1, lista2) {
            if (lista1.length !== lista2.length) return "Las listas no tienen el mismo tamaño.";
            return lista1.map((item, index) => item + lista2[index]);
        }

        // Función que devuelve una nueva lista con el cuadrado de cada número
        function cuadradosLista(lista) {
            return lista.map(item => item ** 2);
        }

       
    </script>
</body>
</html>