feat: implement quiz game functionality with question loading and answer checking

feat: implement product listing and shopping cart functionality
feat: implement user form with validation for username, age, and password
2026-05-25 13:11:34 -03:00 · 2026-05-25 13:03:03 -03:00 · 2026-05-25 12:42:12 -03:00 · 2026-05-25 12:36:28 -03:00 · 2026-05-25 12:29:22 -03:00 · 2026-05-25 12:22:17 -03:00
20 changed files with 368 additions and 319 deletions
--- a/ejercicio1/ejercicio1.js
+++ b/ejercicio1/ejercicio1.js
@@ -1 +1,10 @@
 // Agregar aquí el código javascript
+
+document.getElementById('greet').addEventListener('click', () => {
+    const name = document.getElementById('name').value;
+    if (name.trim() === '') {
+        alert('Por favor, ingresa tu nombre.');
+        return;
+    }
+    document.getElementById('greeting').textContent = `¡Hola, ${name}!`;
+});
--- a/ejercicio1/index.html
+++ b/ejercicio1/index.html
@@ -8,7 +8,10 @@
    </head>
    <body>
        <h1>Ejercicio 1</h1>
-
+        <label for="name">Nombre:</label>
+        <input type="text" id="name" name="name">
+        <button id="greet">Saludar</button>
+        <p id="greeting"></p>
        <script src="ejercicio1.js"></script>
    </body>
 </html>
--- a/ejercicio2/ejercicio2.js
+++ b/ejercicio2/ejercicio2.js
@@ -1 +1,15 @@
 // Agregar aquí el código javascript
+
+document.getElementById('addTask').addEventListener('click', () => {
+    const taskInput = document.getElementById('task');
+    const task = taskInput.value.trim();
+    if (task === '') {
+        alert('Por favor, ingresa una tarea.');
+        return;
+    }
+    const taskList = document.getElementById('taskList');
+    const li = document.createElement('li');
+    li.textContent = task;
+    taskList.appendChild(li);
+    taskInput.value = '';
+});
--- a/ejercicio2/index.html
+++ b/ejercicio2/index.html
@@ -8,7 +8,10 @@
    </head>
    <body>
        <h1>Ejercicio 2</h1>
-
+        <label for="task">Crea una nueva tarea:</label>
+        <input type="text" id="task" name="task">
+        <button id="addTask">Agregar tarea</button>
+        <ul id="taskList"></ul>
        <script src="ejercicio2.js"></script>
    </body>
 </html>
--- a/ejercicio3/ejercicio3.js
+++ b/ejercicio3/ejercicio3.js
@@ -1 +1,7 @@
 // Agregar aquí el código javascript
+
+document.getElementById('itemList').addEventListener('click', (event) => {
+    if (event.target.tagName === 'LI') {
+        event.target.classList.toggle('selected');
+    }
+});
--- a/ejercicio3/estilo.css
+++ b/ejercicio3/estilo.css
@@ -1,2 +1,5 @@
 /* Agregar el código CSS necesario para el ejercicio */

+.selected {
+    background-color: lightblue;
+}
--- a/ejercicio3/index.html
+++ b/ejercicio3/index.html
@@ -8,7 +8,14 @@
    </head>
    <body>
        <h1>Ejercicio 3</h1>
-
+        <ul id="itemList">
+            <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>
    </body>
 </html>
--- a/ejercicio4/ejercicio4.js
+++ b/ejercicio4/ejercicio4.js
@@ -1 +1,33 @@
 // Agregar aquí el código javascript
+
+const incrementButton = document.getElementById('increment');
+const decrementButton = document.getElementById('decrement');
+const counterDisplay = document.getElementById('counter');
+
+let counter = 0;
+
+incrementButton.addEventListener('click', () => {
+    if (counter >= 10) {
+        incrementButton.disabled = true;
+        alert('El contador ha alcanzado el valor máximo de 10.');
+        return;
+    }
+    counter++;
+    if (counter > 0) {
+        decrementButton.disabled = false;
+    }
+    counterDisplay.textContent = counter;
+});
+
+decrementButton.addEventListener('click', () => {
+    if (counter <= 0) {
+        decrementButton.disabled = true;
+        alert('El contador ha alcanzado el valor mínimo de 0.');
+        return;
+    }
+    counter--;
+    if (counter < 10) {
+        incrementButton.disabled = false;
+    }
+    counterDisplay.textContent = counter;
+});
--- a/ejercicio4/index.html
+++ b/ejercicio4/index.html
@@ -8,7 +8,9 @@
    </head>
    <body>
        <h1>Ejercicio 4</h1>
-
+        <p> Contador: <span id="counter">0</span></p>
+        <button id="increment">Incrementar</button>
+        <button id="decrement">Decrementar</button>
        <script src="ejercicio4.js"></script>
    </body>
 </html>
--- a/ejercicio5/ejercicio5.js
+++ b/ejercicio5/ejercicio5.js
@@ -1 +1,45 @@
 // Agregar aquí el código javascript
+
+const countries = [
+    'Argentina',
+    'Brasil',
+    'Chile',
+    'Colombia',
+    'Ecuador',
+    'Perú',
+    'Uruguay',
+    'Venezuela',
+    'Paraguay',
+    'Bolivia',
+    'Panamá',
+    'Costa Rica',
+    'Cuba',
+    'República Dominicana',
+    'Guatemala',
+    'Honduras',
+    'El Salvador',
+    'Nicaragua',
+    'Puerto Rico',
+    'México',
+    'Estados Unidos',
+    'Canadá',
+    'Guayana',
+    'Surinam',
+    'Guyana Francesa',
+];
+
+document.getElementById('search').addEventListener('input', () => {
+    const query = document.getElementById('search').value.toLowerCase();
+    const resultsList = document.getElementById('resultsList');
+    resultsList.innerHTML = '';
+
+    const filteredCountries = countries.filter(country =>
+        country.toLowerCase().includes(query)
+    );
+
+    filteredCountries.forEach(country => {
+        const li = document.createElement('li');
+        li.textContent = country;
+        resultsList.appendChild(li);
+    });
+});
--- a/ejercicio5/index.html
+++ b/ejercicio5/index.html
@@ -8,7 +8,11 @@
    </head>
    <body>
        <h1>Ejercicio 5</h1>
-
+        <div id="results">
+            <label for="search">Buscar:</label>
+            <input type="text" id="search" name="search">
+            <ul id="resultsList"></ul>
+        </div>
        <script src="ejercicio5.js"></script>
    </body>
 </html>
--- a/ejercicio6/ejercicio6.js
+++ b/ejercicio6/ejercicio6.js
@@ -1 +1,43 @@
 // Agregar aquí el código javascript
+const employees = [
+    { name: "Ana", sector: "Desarrollo", salary: 150000 },
+    { name: "Luis", sector: "Diseño", salary: 120000 },
+    { name: "Marta", sector: "Desarrollo", salary: 160000 },
+    { name: "Carlos", sector: "RRHH", salary: 110000 },
+    { name: "Julia", sector: "Diseño", salary: 130000 }
+];
+
+const tableContainer = document.getElementById('tableEmployees');
+
+const table = document.createElement('table');
+const headerRow = document.createElement('tr');
+
+['Nombre', 'Sector', 'Salario'].forEach(headerText => {
+    const th = document.createElement('th');
+    th.textContent = headerText;
+    headerRow.appendChild(th);
+});
+table.appendChild(headerRow);
+tableContainer.appendChild(table);
+
+employees.forEach(employee => {
+    const row = document.createElement('tr');
+    ['name', 'sector', 'salary'].forEach(key => {
+        const td = document.createElement('td');
+        td.textContent = employee[key];
+        row.appendChild(td);
+    });
+    table.appendChild(row);
+});
+
+table.appendChild(document.createElement('tr')); // Fila vacía para separación
+
+const averageSalary = employees.reduce((sum, emp) => sum + emp.salary, 0) / employees.length;
+const averageRow = document.createElement('tr');
+const averageLabelCell = document.createElement('td');
+averageLabelCell.textContent = 'Salario Promedio';
+averageRow.appendChild(averageLabelCell);
+const averageValueCell = document.createElement('td');
+averageValueCell.textContent = averageSalary;
+averageRow.appendChild(averageValueCell);
+table.appendChild(averageRow);
--- a/ejercicio6/index.html
+++ b/ejercicio6/index.html
@@ -8,7 +8,9 @@
    </head>
    <body>
        <h1>Ejercicio 6</h1>
+        <div id="tableEmployees">
            
+        </div>
        <script src="ejercicio6.js"></script>
    </body>
 </html>
--- a/ejercicio7/ejercicio7.js
+++ b/ejercicio7/ejercicio7.js
@@ -1 +1,24 @@
 // Agregar aquí el código javascript
+
+const userForm = document.getElementById('userForm');
+
+userForm.addEventListener('submit', (event) => {
+    event.preventDefault();
+    const username = document.getElementById('username').value.trim();
+    const age = parseInt(document.getElementById('age').value);
+    const password = document.getElementById('password').value;
+    if (username === '') {
+        alert('El nombre de usuario no puede estar vacío.');
+        return;
+    }
+    if (isNaN(age) || age < 0 || age > 100) {
+        alert('La edad debe ser un número válido entre 0 y 100.');
+        return;
+    }
+    if (password.length < 8) {
+        alert('La contraseña debe tener al menos 8 caracteres.');
+        return;
+    }
+    alert('Formulario enviado correctamente.');
+    userForm.reset();
+});
--- a/ejercicio7/index.html
+++ b/ejercicio7/index.html
@@ -8,7 +8,15 @@
    </head>
    <body>
        <h1>Ejercicio 7</h1>
-
+        <form id="userForm">
+            <label for="username">Nombre de usuario:</label>
+            <input type="text" id="username" name="username" required>
+            <label for="age">Edad:</label>
+            <input type="number" id="age" name="age" required>
+            <label for="password">Contraseña:</label>
+            <input type="password" id="password" name="password" required>
+            <button type="submit">Enviar</button>
+        </form>
        <script src="ejercicio7.js"></script>
    </body>
 </html>
--- a/ejercicio8/ejercicio8.js
+++ b/ejercicio8/ejercicio8.js
@@ -1,72 +1,68 @@
-const productos = [
-    { nombre: "Teclado", precio: 8500 },
-    { nombre: "Mouse", precio: 4200 },
-    { nombre: "Monitor", precio: 62000 },
-    { nombre: "Auriculares", precio: 11000 },
-    { nombre: "Webcam", precio: 15500 }
+// Agregar aquí el código javascript
+
+const products = [
+    { name: "Teclado", price: 8500 },
+    { name: "Mouse", price: 4200 },
+    { name: "Monitor", price: 62000 },
+    { name: "Auriculares", price: 11000 },
+    { name: "Webcam", price: 15500 }
 ];

-// El carrito es un array de objetos { nombre, precio, cantidad }, que
-// inicializamos vacío fuera de las funciones (para que sea global):
-const carrito = [];
+const productList = document.getElementById('productList');
+const checkout = document.getElementById('checkout');

-const listaProductos = document.querySelector("#productos");
+products.forEach(product => {
+    const productDiv = document.createElement('div');
+    productDiv.textContent = `${product.name} - $${product.price} `;
+    const buyButton = document.createElement('button');
+    buyButton.textContent = 'Comprar';
+    productDiv.appendChild(buyButton);
+    productList.appendChild(productDiv);
+});

-function actualizarCarrito() {
-    const totalParrafo = document.querySelector("#total");
-    const listaCarrito = document.querySelector("#carrito");
-    listaCarrito.innerHTML = "";
+const cart = new Map();

-    // Calculamos el total mientras construimos la lista.
-    let total = 0;
+const renderCart = () => {
+    checkout.innerHTML = '';

-    for (const item of carrito) {
-        const subtotal = item.precio * item.cantidad;
-        total += subtotal;
-
-        const li = document.createElement("li");
-        li.textContent = `${item.nombre} x${item.cantidad} — $${subtotal.toLocaleString()}`;
-        listaCarrito.appendChild(li);
+    if (cart.size === 0) {
+        checkout.innerHTML = '<p>Carrito vacío</p>';
+        return;
    }

-    totalParrafo.textContent = `Total: $${total.toLocaleString()}`;
-}
+    let totalPrice = 0;

-function agregarAlCarrito(producto) {
-    // Buscamos si el producto ya está en el carrito.
-    const itemExistente = carrito.find(item => item.nombre === producto.nombre);
+    cart.forEach((quantity, product) => {
+        const lineTotal = product.price * quantity;
+        totalPrice += lineTotal;

-    if (itemExistente) {
-        // Si ya existe, solo incrementamos la cantidad.
-        itemExistente.cantidad++;
-    } else {
-        // Si no existe, lo agregamos manualmente con cantidad 1,
-        // copiando las propiedades una por una.
-        carrito.push({
-            nombre: producto.nombre,
-            precio: producto.precio,
-            cantidad: 1
-        });
+        const itemRow = document.createElement('div');
+        itemRow.innerHTML = `
+            <div>${product.name} -------- x${quantity}</div>
+            <div>$${lineTotal.toLocaleString()}</div>
+        `;
+        checkout.appendChild(itemRow);
+    });
+
+    const totalRow = document.createElement('div');
+    totalRow.innerHTML = `<strong>Total: ------------- $${totalPrice.toLocaleString()}</strong>`;
+    checkout.appendChild(totalRow);
+};
+
+productList.addEventListener('click', (event) => {
+    if (event.target.tagName === 'BUTTON') {
+        const productDiv = event.target.parentElement;
+        const productName = productDiv.textContent.split(' - ')[0];
+        const product = products.find(p => p.name === productName);
+
+        if (!product) {
+            return;
+        }
+
+        const currentQty = cart.get(product) || 0;
+        cart.set(product, currentQty + 1);
+        renderCart();
    }
+});

-    actualizarCarrito();
-}
-
-// Construimos la lista de productos con un botón por cada uno.
-for (const producto of productos) {
-  const listaProductos = document.querySelector("#productos");
-  const card = document.createElement("div");
-  card.className = "product-card";
-  card.innerHTML = `
-    <div>
-      <p class="product-name">${producto.nombre}</p>
-      <p class="product-price">$${producto.precio.toLocaleString()}</p>
-    </div>
-    <button class="btn-add">+ Agregar</button>
-  `;
-  card.querySelector(".btn-add").addEventListener("click", () => agregarAlCarrito(producto));
-  listaProductos.appendChild(card);
-}
-
-actualizarCarrito();
-
+renderCart();
--- a/ejercicio8/estilo.css
+++ b/ejercicio8/estilo.css
@@ -1,215 +1,2 @@
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
-body {
-  font-family: system-ui, sans-serif;
-  background: #f5f4f0;
-  color: #1a1a1a;
-  min-height: 100vh;
-  padding: 2rem;
-}
-
-h1 {
-  font-size: 1.1rem;
-  font-weight: 500;
-  color: #555;
-  margin-bottom: 1.5rem;
-}
-
-.layout {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1.5rem;
-  max-width: 820px;
-}
-
-.section-label {
-  font-size: 0.7rem;
-  font-weight: 500;
-  color: #888;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  margin-bottom: 0.75rem;
-}
-
-/* ── Productos ── */
-
-.product-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.product-card {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 14px;
-  background: #fff;
-  border: 0.5px solid #ddd;
-  border-radius: 8px;
-}
-
-.product-name {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: #1a1a1a;
-}
-
-.product-price {
-  font-size: 0.75rem;
-  color: #888;
-  margin-top: 2px;
-}
-
-.btn-add {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 12px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  background: transparent;
-  border: 0.5px solid #ccc;
-  border-radius: 6px;
-  color: #1a1a1a;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-
-.btn-add:hover { background: #f0efeb; }
-
-/* ── Carrito ── */
-
-.cart-panel {
-  background: #edecea;
-  border: 0.5px solid #ddd;
-  border-radius: 12px;
-  padding: 1rem 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.cart-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 18px;
-  padding: 0 5px;
-  background: #fde8e8;
-  color: #a32d2d;
-  border-radius: 9px;
-  font-size: 0.625rem;
-  font-weight: 500;
-  margin-left: 4px;
-}
-
-.cart-empty {
-  font-size: 0.8rem;
-  color: #aaa;
-  text-align: center;
-  padding: 1.5rem 0;
-}
-
-.cart-items {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.cart-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 10px;
-  background: #fff;
-  border: 0.5px solid #ddd;
-  border-radius: 8px;
-}
-
-.cart-item-name {
-  font-size: 0.8rem;
-  font-weight: 500;
-  color: #1a1a1a;
-}
-
-.cart-item-sub {
-  font-size: 0.7rem;
-  color: #888;
-  margin-top: 2px;
-}
-
-.cart-item-right {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.cart-item-total {
-  font-size: 0.8rem;
-  font-weight: 500;
-  color: #1a1a1a;
-  min-width: 64px;
-  text-align: right;
-}
-
-.qty-controls {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.qty-btn {
-  width: 22px;
-  height: 22px;
-  border: 0.5px solid #ccc;
-  border-radius: 4px;
-  background: transparent;
-  color: #1a1a1a;
-  cursor: pointer;
-  font-size: 0.875rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-}
-
-.qty-btn:hover { background: #f0efeb; }
-
-.qty-val {
-  font-size: 0.8rem;
-  font-weight: 500;
-  min-width: 16px;
-  text-align: center;
-  color: #1a1a1a;
-}
-
-.divider {
-  border: none;
-  border-top: 0.5px solid #ccc;
-}
-
-.cart-total {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-}
-
-.cart-total-label {
-  font-size: 0.8rem;
-  color: #888;
-}
-
-.cart-total-amount {
-  font-size: 1.25rem;
-  font-weight: 500;
-  color: #1a1a1a;
-}
+/* Agregar el código CSS necesario para el ejercicio */

--- a/ejercicio8/index.html
+++ b/ejercicio8/index.html
@@ -1,39 +1,19 @@
 <!DOCTYPE html>
-<html lang="es">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Ejercicio 8 — Carrito de compras</title>
-  <style></style>
-  <link rel="stylesheet" href="estilo.css">
-</head>
-<body>
-
-  <h1>Ejercicio 8 — Carrito de compras</h1>
-
-  <div class="layout">
-    <div>
-      <p class="section-label">Productos</p>
-      <div class="product-list" id="productos"></div>
-    </div>
-
-    <div class="cart-panel">
-      <div class="cart-header">
-        <p class="section-label" style="margin:0">
-          Carrito
-        </p>
-      </div>
-      <div class="cart-items" id="carrito">
-        <p class="cart-empty" id="empty-msg">El carrito está vacío.</p>
-      </div>
-      <hr class="divider">
-      <div class="cart-total">
-        <span class="cart-total-label">Total</span>
-        <span class="cart-total-amount" id="total">$0</span>
-      </div>
-    </div>
-  </div>
-
-  <script src="ejercicio8.js"></script>
-</body>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width">
+        <title>Ejercicio 8</title>
+        <link rel="stylesheet" href="estilo.css">
+    </head>
+    <body>
+        <h1>Ejercicio 8</h1>
+        <div id="productList">
+            <!-- Acá se mostrarán los productos -->
+        </div>
+        <div id="checkout">
+            <!-- Acá se mostrará el precio total -->
+        </div>
+        <script src="ejercicio8.js"></script>
+    </body>
 </html>
--- a/ejercicio9/ejercicio9.js
+++ b/ejercicio9/ejercicio9.js
@@ -1 +1,80 @@
 // Agregar aquí el código javascript
+
+const questions = [
+    {
+        question: "¿Cuál es la capital de Francia?",
+        options: ["Londres", "Berlín", "París", "Roma"],
+        correctAnswer: 2
+    },
+    {
+        question: "¿Cuál es el río más largo del mundo?",
+        options: ["Nilo", "Amazonas", "Yangtsé", "Misisipi"],
+        correctAnswer: 1
+    },
+    {
+        question: "¿Quién escribió 'Cien años de soledad'?",
+        options: ["Gabriel García Márquez", "Mario Vargas Llosa", "Isabel Allende", "Jorge Luis Borges"],
+        correctAnswer: 0
+    },
+    {
+        question: "¿Cuál es el planeta más grande del sistema solar?",
+        options: ["Júpiter", "Saturno", "Urano", "Neptuno"],
+        correctAnswer: 0
+    },
+    {
+        question: "¿En qué año se descubrió América?",
+        options: ["1492", "1500", "1485", "1510"],
+        correctAnswer: 0
+    }
+];
+
+let currentQuestionIndex = 0;
+let score = 0;
+
+const questionElement = document.getElementById('question');
+const optionsElement = document.getElementById('options');
+const resultElement = document.getElementById('result');
+
+const loadQuestion = () => {
+    const currentQuestion = questions[currentQuestionIndex];
+    questionElement.textContent = currentQuestion.question;
+    optionsElement.innerHTML = '';
+    currentQuestion.options.forEach((option, index) => {
+        const li = document.createElement('li');
+        const button = document.createElement('button');
+        button.textContent = option;
+        li.appendChild(button);
+        button.addEventListener('click', () => checkAnswer(index));
+        optionsElement.appendChild(li);
+    });
+};
+
+const checkAnswer = (selectedIndex) => {
+    const currentQuestion = questions[currentQuestionIndex];
+    if (selectedIndex === currentQuestion.correctAnswer) {
+        resultElement.textContent = "¡Correcto!";
+        score++;
+        currentQuestionIndex++;
+        if (currentQuestionIndex < questions.length) {
+            setTimeout(() => {
+                resultElement.textContent = '';
+                loadQuestion();
+            }, 1000);
+        } else {
+            resultElement.textContent = `¡Juego terminado! Tu puntuación es ${score}/${questions.length}.`;
+        }
+    } else {
+        resultElement.textContent = "Incorrecto. La respuesta correcta es: " + currentQuestion.options[currentQuestion.correctAnswer];
+        currentQuestionIndex++;
+        if (currentQuestionIndex < questions.length) {
+            setTimeout(() => {
+                resultElement.textContent = '';
+                loadQuestion();
+            }, 2000);
+        } else {
+            resultElement.textContent = `¡Juego terminado! Tu puntuación es ${score}/${questions.length}.`;
+        }
+    }
+};
+
+loadQuestion();
--- a/ejercicio9/index.html
+++ b/ejercicio9/index.html
@@ -8,7 +8,12 @@
    </head>
    <body>
        <h1>Ejercicio 9</h1>
-
+        <div id="quizGame">
+            <p id="instructions">Responde a la pregunta correcta</p>
+            <p id="question"></p>
+            <ul id="options"></ul>
+            <p id="result"></p>
+        </div>
        <script src="ejercicio9.js"></script>
    </body>
 </html>
Author	SHA1	Message	Date
Facundo Saucedo	e53d194942	feat: implement quiz game functionality with question loading and answer checking	2026-05-25 13:11:34 -03:00
Facundo Saucedo	641cbf7a73	feat: implement product listing and shopping cart functionality	2026-05-25 13:03:03 -03:00
Facundo Saucedo	894fbf39d3	feat: implement user form with validation for username, age, and password	2026-05-25 12:42:12 -03:00
Facundo Saucedo	8000f59a2c	feat: add employee table with average salary calculation	2026-05-25 12:36:28 -03:00
Facundo Saucedo	19fbf05d87	feat: implement country search functionality with dynamic results	2026-05-25 12:29:22 -03:00
Facundo Saucedo	4a7c4871f6	feat: implement counter functionality with increment and decrement buttons	2026-05-25 12:22:17 -03:00
Facundo Saucedo	28718fea20	feat: add item list with click event to toggle selection	2026-05-25 12:17:39 -03:00
Facundo Saucedo	927173b159	feat: implement task addition functionality with input validation	2026-05-25 12:14:49 -03:00
Facundo Saucedo	110ed42897	feat: add a greeting button with validation	2026-05-25 12:11:37 -03:00