Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Optimizando el código

Creo un archivo index.html con la lista

  • Nombre Diego, edad 23
  • Nombre Daniel, edad 42
  • Nombre Marcos, edad 27
  • Nombre Fabio, edad 18
  • Nombre Josefina, edad 20
  •     Total de las edades: <span class="total"></span>
    </ul>
    <script src="js/sumaEdades.js"></script>

En un archivo .js agrego una función que reciba el array y retorne el total de la suma

var items = document.querySelectorAll('.invitado');

document.querySelector('.total').textContent = sumaEdades(items);

function sumaEdades(array) { var totalEdades = 0;

for(var i = 0; i < items .length; i++) {
    var edad = items[i].querySelector('.edad').textContent;
    totalEdades += parseInt(edad);
}

return totalEdades;

}

2 respuestas

Hola Joel, espero que estés muy bien.

Estamos muy contentos con tu aprendizaje. Excelente! Gracias por compartir tu código con nosotros.

Continúa con tus estudios y cualquier duda estaremos aquí =)

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

Excelente como has separado las responsabilidades en las diferentes piezas de código. En mi opinión creo que no se debe ser excesivos y se debe tener en cuenta tanto: la reutilización, como la practica de principios como el de la responsabilidad única donde su principal enseñanza es que cada pieza de software (en POO se refiere a clases, que son definiciones para crear objetos las cuales tendrán como generalidad propiedades y métodos (o funciones) por tanto la pieza de software deberá agrupar solo aquellas propiedades y objetos para alcanzar la finalidad única. Con respecto a la reutilización si la funcionalidad no será reutilizable ya antes nos recomendaba el instructor hacerlo mediante funciones anónimas.