marquez.juan/clase-10-ejercicios-de-repaso
1
0
Fork 7
Code Issues Pull Requests 4 Projects Releases Wiki Activity

ejercicio6: avances en la parte NO dinamica de la tabla

Browse Source
This commit is contained in:
romeo
2026-05-29 15:15:25 -03:00
parent a30e41257f
commit 86d4a16515
1 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
ejercicio6/ejercicio6.js
View File

@@ -11,18 +11,50 @@ const empleados = [
{ nombre: "Julia", sector: "Diseño", sueldo: 130000 }
];
let tabla = document.createElement('table');
// PROMEDIO DE SUELDOS
// asignamos las variables y creamos el elemento 'p'
let body = document.querySelector('body');
let parrafo = document.createElement ('p')
body.appendChild(tabla);
// 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
parrafo.textContent = 'promedio de sueldos: ' + promedioSueldos // llenamos el parrafo con el contenido
// 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');
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)
body.appendChild(tabla);
tabla.appendChild(tableHead);
tableHead.appendChild(tableRowHeader);
tableRowHeader.appendChild(thc1);
tableRowHeader.appendChild(thc2);
tableRowHeader.appendChild(thc3);
tabla.appendChild(tableBody);
// aplicamos el textContent a los elementos NO dinamicos
thc1.textContent = 'Nombre';
thc2.textContent = 'Sector';
thc3.textContent = 'Sueldo';
let arraySueldoEmpleados = empleados.map((empleado) => empleado.sueldo);
let sumatoriaSueldos = arraySueldoEmpleados.reduce((acumulador, numeroActual) => acumulador + numeroActual, 0); // similar al metodo sum() de python
let promedioSueldos = sumatoriaSueldos / empleados.length
console.log(promedioSueldos);
parrafo.textContent = 'promedio de sueldos: ' + promedioSueldos