Solución ejercicio 4

2026-06-01 18:48:38 -03:00
4 changed files with 41 additions and 48 deletions
--- a/ejercicio4/ejercicio4.js
+++ b/ejercicio4/ejercicio4.js
@@ -1 +1,35 @@
-// Agregar aquí el código javascript
+const btnSumar = document.querySelector("#sumar");
 const btnRestar = document.querySelector("#restar");
 function actualizarVista(valor) {
    const MIN = 0;
    const MAX = 10;
    const parrafo = document.querySelector("#contador");
    parrafo.textContent = valor;
    // Habilitamos o deshabilitamos los botones según el valor actual.
    // Cuando disabled es true, el botón no responde a clics.
    btnSumar.disabled = valor === MAX;
    btnRestar.disabled = valor === MIN;
 }
 btnSumar.addEventListener("click", () => {
    // Obtenermos el valor actual
    let valor = parseInt(document.querySelector('#contador').textContent);
    // Sumamos 1
    valor++;
    // y actualizamos la vista
    actualizarVista(valor);
 });
 btnRestar.addEventListener("click", () => {
    // Obtenermos el valor actual
    let valor = parseInt(document.querySelector('#contador').textContent);
    // Restamos 1
    valor--;
    // y actualizamos la vista
    actualizarVista(valor);
 });
 // Llamamos a actualizarVista al inicio para establecer el estado inicial en 5.
 actualizarVista(5);
--- a/ejercicio4/index.html
+++ b/ejercicio4/index.html
@@ -8,6 +8,11 @@
    </head>
    <body>
        <h1>Ejercicio 4</h1>
        <p>
          <button id="restar">Restar</button>
          <span id="contador">0</span>
          <button id="sumar">Sumar</button>
        </p>
        <script src="ejercicio4.js"></script>
    </body>
--- a/ejercicio6/ejercicio6.js
+++ b/ejercicio6/ejercicio6.js
@@ -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);
--- a/ejercicio6/index.html
+++ b/ejercicio6/index.html
@@ -8,16 +8,6 @@
    </head>
    <body>
        <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>
    </body>