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

Compare commits

base: marquez.juan:solucion-ejercicio-6
Branches Tags
marquez.juan:main marquez.juan:solucion-ejercicio-9 marquez.juan:solucion-ejercicio-8 marquez.juan:solucion-ejercicio-7 marquez.juan:solucion-ejercicio-6 marquez.juan:solucion-ejercicio-5 marquez.juan:solucion-ejercicio-4 marquez.juan:solucion-ejercicio-3 marquez.juan:solucion-ejercicio-2 marquez.juan:solucion-ejercicio-1
..
compare: marquez.juan:solucion-ejercicio-3
Branches Tags
marquez.juan:solucion-ejercicio-9 marquez.juan:solucion-ejercicio-8 marquez.juan:solucion-ejercicio-7 marquez.juan:solucion-ejercicio-6 marquez.juan:solucion-ejercicio-5 marquez.juan:solucion-ejercicio-4 marquez.juan:solucion-ejercicio-3 marquez.juan:solucion-ejercicio-2 marquez.juan:solucion-ejercicio-1 marquez.juan:main

1 Commits
solucion-e ... solucion-e

Author SHA1 Message Date
Juanse Marquez
b459ca529a Solución ejercicio 3 2026-06-01 18:47:31 -03:00
5 changed files with 25 additions and 49 deletions
Expand all files Collapse all files

12
ejercicio3/ejercicio3.js
View File

@@ -1 +1,11 @@
// Agregar aquí el código javascript const lista = document.querySelector("#lista");
// Un solo listener en la lista, no uno por ítem (delegación de eventos).
lista.addEventListener("click", (e) => {
// Verificamos que el clic fue sobre un <li>. Si fue sobre otro elemento,
// retornamos sin hacer nada.
if (e.target.tagName !== "LI") return;
// toggle agrega la clase si no la tiene, y la quita si ya la tenía.
e.target.classList.toggle("seleccionado");
});

5
ejercicio3/estilo.css
View File

@@ -1,2 +1,5 @@
/* Agregar el código CSS necesario para el ejercicio */ .seleccionado {
background-color: yellow;
font-weight: bold;
}

9
ejercicio3/index.html
View File

@@ -9,6 +9,15 @@
<body> <body>
<h1>Ejercicio 3</h1> <h1>Ejercicio 3</h1>
<ul id="lista">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
<li>Elemento 5</li>
<li>Elemento 6</li>
</ul>
<script src="ejercicio3.js"></script> <script src="ejercicio3.js"></script>
</body> </body>
</html> </html>

38
ejercicio6/ejercicio6.js
View File

@@ -1,37 +1 @@
const empleados = [ // Agregar aquí el código javascript
{ nombre: "Ana", sector: "Desarrollo", sueldo: 150000 },
{ nombre: "Luis", sector: "Diseño", sueldo: 120000 },
{ nombre: "Marta", sector: "Desarrollo", sueldo: 160000 },
{ nombre: "Carlos", sector: "RRHH", sueldo: 110000 },
{ nombre: "Julia", sector: "Diseño", sueldo: 130000 }
];
const cuerpo = document.querySelector("#tabla tbody");
// Agregamos una fila por cada empleado.
for (const empleado of empleados) {
const fila = document.createElement("tr");
fila.innerHTML = `
<td>${empleado.nombre}</td>
<td>${empleado.sector}</td>
<td>$${empleado.sueldo.toLocaleString()}</td>
`;
// (toLocaleString() es un método que retorna el número en formato local
// (separador de miles, separador de decimales, etc)
cuerpo.appendChild(fila);
}
// Calculamos el promedio con un bucle
let totalSueldos = 0;
for (const empleado of empleados) {
totalSueldos += empleado.sueldo;
}
const promedio = totalSueldos / empleados.length;
// Agregamos la fila de promedio al final.
const filaPromedio = document.createElement("tr");
filaPromedio.innerHTML = `
<td colspan="2"><strong>Promedio</strong></td>
<td><strong>$${Math.round(promedio).toLocaleString()}</strong></td>
`;
cuerpo.appendChild(filaPromedio);

10
ejercicio6/index.html
View File

@@ -8,16 +8,6 @@
</head> </head>
<body> <body>
<h1>Ejercicio 6</h1> <h1>Ejercicio 6</h1>
<table id="tabla">
<thead>
<tr>
<th>Nombre</th>
<th>Sector</th>
<th>Sueldo</th>
</tr>
</thead>
<tbody></tbody>
</table>
<script src="ejercicio6.js"></script> <script src="ejercicio6.js"></script>
</body> </body>