El Código: Paso a Paso A continuación, te muestro el código completo para realizar esta tarea:
// Función para sumar y dividir 10 números
function sumarYDividir(numeros, divisor) {
if (numeros.length !== 10) {
console.error("Debes proporcionar exactamente 10 números.");
return null;
}
// Sumar todos los números
const suma = numeros.reduce((acumulado, numero) => acumulado + numero, 0);
// Dividir la suma entre el divisor
const resultado = suma / divisor;
return resultado;
}
// Ejemplo de uso
const numeros = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50]; // 10 números
const divisor = 10;
const resultado = sumarYDividir(numeros, divisor);
if (resultado !== null) {
console.log(`El resultado es: ${resultado}`);
}
¿Cómo Funciona Este Código?
Función sumarYDividir:
Toma dos argumentos:
numeros: Un arreglo que debe contener exactamente 10 números.
divisor: El número por el cual se dividirá la suma.
Verifica que el arreglo tenga exactamente 10 números.
Usa el método .reduce() para sumar todos los números del arreglo.
Divide la suma entre el divisor proporcionado y retorna el resultado.
Ejemplo de Uso:
Creamos un arreglo con 10 números y definimos el divisor como 10.
Llamamos a la función sumarYDividir y mostramos el resultado en la consola.
Resultado en Consola
Si ejecutas este código con el arreglo [5, 10, 15, 20, 25, 30, 35, 40, 45, 50] y un divisor de 10, el resultado será:
El resultado es: 27.5
¿Por Qué Es Útil Este Ejemplo?
Este tipo de ejemplos es una forma excelente de aprender sobre:
- Operaciones básicas con arreglos (suma con
.reduce()). - Validación de datos de entrada.
- Manejo de errores en JavaScript (
console.error). - Funciones reutilizables en proyectos más grandes.
Desafío Extra 🚀
Prueba a modificar el código para que acepte más o menos números, o incluso para que el divisor sea opcional (por defecto, podría ser la cantidad de números en el arreglo). ¡Comenta tu solución abajo!
Ejemplo de Uso:
-
- Creamos un arreglo con 10 números y definimos el divisor como 10.
- Llamamos a la función
sumarYDividiry mostramos el resultado en la consola.
Uso en Backend y Frontend
Aunque este código está diseñado inicialmente para su uso en el backend, también puede adaptarse para aplicaciones frontend. Por ejemplo, podrías usar un formulario en HTML para capturar los 10 números y el divisor, y luego procesar los datos con JavaScript en el navegador. Aquí tienes un ejemplo:
<form id="calculoForm">
<label>Ingresa 10 números separados por comas:</label><br>
<input type="text" id="numeros" placeholder="Ejemplo: 5,10,15,20,25,30,35,40,45,50"><br>
<label>Divisor:</label><br>
<input type="number" id="divisor" value="10"><br>
<button type="submit">Calcular</button>
</form>
<p id="resultado"></p>
<script>
document.getElementById('calculoForm').addEventListener('submit', function(event) {
event.preventDefault(); // Evita que el formulario recargue la página
const numerosInput = document.getElementById('numeros').value;
const divisor = parseFloat(document.getElementById('divisor').value);
// Convertir los números ingresados a un arreglo
const numeros = numerosInput.split(',').map(Number);
// Usar la función sumarYDividir
const resultado = sumarYDividir(numeros, divisor);
// Mostrar el resultado en la página
const resultadoElemento = document.getElementById('resultado');
if (resultado !== null) {
resultadoElemento.textContent = `El resultado es: ${resultado}`;
} else {
resultadoElemento.textContent = `Por favor, ingresa exactamente 10 números válidos.`;
}
});
</script>
Espero que este tutorial te sea útil para mejorar tus habilidades en JavaScript. Si te interesa aprender más, no olvides explorar otros artículos
