From f86b6dc056accae1e406eedd655609f4511582a9 Mon Sep 17 00:00:00 2001
From: romeo <romeo13mil@gmail.com>
Date: Fri, 29 May 2026 17:14:48 -0300
Subject: [PATCH] ejercicio6 terminado, comentarios, y ordenamiento del codigo

---
 ejercicio6/ejercicio6.js | 86 ++++++++++++++++++++++++++--------------
 1 file changed, 56 insertions(+), 30 deletions(-)

diff --git a/ejercicio6/ejercicio6.js b/ejercicio6/ejercicio6.js
index 13a20e6..8e522b9 100644
--- a/ejercicio6/ejercicio6.js
+++ b/ejercicio6/ejercicio6.js
@@ -12,49 +12,75 @@ const empleados = [
 ];
 
 // PROMEDIO DE SUELDOS
- // asignamos las variables y creamos el elemento 'p'
-let body =  document.querySelector('body');
-let parrafo = document.createElement ('p')
-
-  // anexamos al html
-body.appendChild(parrafo);
-
 let arraySueldoEmpleados = empleados.map((empleado) => empleado.sueldo); // creamos un array que solamente contenga los sueldos
 let sumatoriaSueldos = arraySueldoEmpleados.reduce((acumulador, numeroActual) => acumulador + numeroActual, 0); // tomamos la lista creada y aplicamos el metodo reduce para sumar todos sus elementos. similar al metodo sum() de python
 let promedioSueldos = sumatoriaSueldos / empleados.length // dividimos las sumatoria de los sueldos por las cantidad de empleados
+//IMPORTANTE: la variable promedioSueldos sera usada mas tarde al final de la tabla
 
-parrafo.textContent = 'promedio de sueldos: ' + promedioSueldos // llenamos el parrafo con el contenido
+// TABLA DINAMICA: este ejercicio lo separ`e en dos partes, DINAMICA y NO DINAMICA. 
 
-
-// TABLA DINAMICA: este ejercicio lo separe en dos partes, la parte dinamica de la tabla y la NO dinamica
-
-// Empezamos por la parte NO dinamica de la tabla
-
-//creamos los elementos necesarios
-tabla = document.createElement('table'); 
+// Empezamos por la parte NO DINAMICA: (parte de la tabla que no deberia a camibiar, aunque ingresen mas empleados)
+//creamos/asignamos los elementos necesarios
+let body =  document.querySelector('body');
+tabla = document.createElement('table');
 tableHead = document.createElement('thead'); 
-tableRowHeader = document.createElement('tr')
-thc1 = document.createElement('th')  // thc: abreviatura de TableHeaderCell
-thc2 = document.createElement('th')
-thc3 = document.createElement('th')
-tableRowNombre = document.createElement('tr')
-tableRowSector = document.createElement('tr')
-tableRowSueldo = document.createElement('tr')
-tableBody = document.createElement('tbody')
-tableData = document.createElement('td')
-
-// asignamos a la tabla los elementos NO dinamicos (como el encabezado)
+tableRowHeader = document.createElement('tr');
+thc1 = document.createElement('th');  // thc: abreviatura de TableHeaderCell
+thc2 = document.createElement('th');
+thc3 = document.createElement('th');
+thc4 = document.createElement('th');
+tableBody = document.createElement('tbody');
+// aplicamos el textContent a los elementos 
+thc1.textContent = 'Nombre';
+thc2.textContent = 'Sector';
+thc3.textContent = 'Sueldo';
+thc4.textContent = 'Promedio';
+// asignamos a la tabla los elementos
 body.appendChild(tabla);
 tabla.appendChild(tableHead);
 tableHead.appendChild(tableRowHeader);
 tableRowHeader.appendChild(thc1);
 tableRowHeader.appendChild(thc2);
 tableRowHeader.appendChild(thc3);
+tableRowHeader.appendChild(thc4);
 tabla.appendChild(tableBody);
 
-// aplicamos el textContent a los elementos NO dinamicos
-thc1.textContent = 'Nombre';
-thc2.textContent = 'Sector';
-thc3.textContent = 'Sueldo';
+// Ahora vamos por la parte DINAMICA:
+for (let empleado of empleados){ // iteramos la lista 
+    //Creamos una row y tres 'td' por empleado, para nombre, sector y sueldo
+    RowEmpleado = document.createElement('tr');
+    nombreEmpleado = document.createElement('td');
+    sectorEmpleado = document.createElement('td');
+    sueldoEmpleado = document.createElement('td');
+    //Llenamos las 'td' con su respectivo texto acceciendo al objeto iterado
+    nombreEmpleado.textContent = empleado.nombre;
+    sectorEmpleado.textContent = empleado.sector;
+    sueldoEmpleado.textContent = empleado.sueldo;
+    //Anexamos los elementos 'row' y 'td'
+    tableBody.appendChild(RowEmpleado);
+    RowEmpleado.appendChild(nombreEmpleado);
+    RowEmpleado.appendChild(sectorEmpleado);
+    RowEmpleado.appendChild(sueldoEmpleado);
+};
+
+// Creamos la fila para el promedio y la anexamos a tablebody
+rowPromedio = document.createElement('tr');
+tableBody.appendChild(rowPromedio);
+// Creamos los td (pero solo vamos a llenar el ultimo)
+td1 = document.createElement('td');
+td2 = document.createElement('td');
+td3 = document.createElement('td');
+tdPromedio = document.createElement('td');
+// Llenamos el 'td'
+tdPromedio.textContent = promedioSueldos;
+// anecamos los 'td'
+rowPromedio.appendChild(td1);
+rowPromedio.appendChild(td2);
+rowPromedio.appendChild(td3);
+rowPromedio.appendChild(tdPromedio);
+
+
+
+