Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • E ECMAscript-Typescript
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 11
    • Issues 11
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • imunnic
  • ECMAscript-Typescript
  • Wiki
  • Modulo 3.Ejercicios

Modulo 3.Ejercicios · Changes

Page history
ejercicios authored Jan 27, 2026 by imunnic's avatar imunnic
Show whitespace changes
Inline Side-by-side
Showing with 15 additions and 15 deletions
+15 -15
  • Modulo-3.Ejercicios.md Modulo-3.Ejercicios.md +15 -15
  • No files found.
Modulo-3.Ejercicios.md
View page @ 18283edd
## 🟦 Ejercicio 1: Agregar elementos a una lista ## Ejercicio 1: Agregar elementos a una lista
### **Enunciado** ### **Enunciado**
...@@ -18,7 +18,7 @@ dácticos** ...@@ -18,7 +18,7 @@ dácticos**
--- ---
## 🟦 Ejercicio 2: Eliminar elementos al hacer clic ## Ejercicio 2: Eliminar elementos al hacer clic
### **Enunciado** ### **Enunciado**
...@@ -32,7 +32,7 @@ dácticos** ...@@ -32,7 +32,7 @@ dácticos**
--- ---
## 🟦 Ejercicio 3: Lista dinámica con botones de eliminar ## Ejercicio 3: Lista dinámica con botones de eliminar
### **Enunciado** ### **Enunciado**
...@@ -49,7 +49,7 @@ dácticos** ...@@ -49,7 +49,7 @@ dácticos**
--- ---
## 🟦 Ejercicio 4: Agregar elementos a una lista ## Ejercicio 4: Agregar elementos a una lista
### **Enunciado** ### **Enunciado**
...@@ -80,7 +80,7 @@ Crea un script en TypeScript que permita agregar elementos a una lista cuando el ...@@ -80,7 +80,7 @@ Crea un script en TypeScript que permita agregar elementos a una lista cuando el
--- ---
## 🟦 Ejercicio 5: Eliminar elementos al hacer clic ## Ejercicio 5: Eliminar elementos al hacer clic
### **Enunciado** ### **Enunciado**
...@@ -120,7 +120,7 @@ Crea un script en TypeScript que permita eliminar un elemento de la lista **haci ...@@ -120,7 +120,7 @@ Crea un script en TypeScript que permita eliminar un elemento de la lista **haci
--- ---
## 🟦 Ejercicio 6: Lista dinámica con botón eliminar ## Ejercicio 6: Lista dinámica con botón eliminar
### **Enunciado** ### **Enunciado**
...@@ -151,7 +151,7 @@ Desarrolla una aplicación que permita agregar elementos a una lista y eliminar ...@@ -151,7 +151,7 @@ Desarrolla una aplicación que permita agregar elementos a una lista y eliminar
--- ---
## 🟦 Ejercicio 7: Alerta después de un tiempo ## Ejercicio 7: Alerta después de un tiempo
### **Enunciado** ### **Enunciado**
...@@ -178,7 +178,7 @@ Cuando el usuario haga clic en el botón, se debe mostrar una **alerta** despué ...@@ -178,7 +178,7 @@ Cuando el usuario haga clic en el botón, se debe mostrar una **alerta** despué
--- ---
## 🟦 Ejercicio 8: Contador con intervalos ## Ejercicio 8: Contador con intervalos
### **Enunciado** ### **Enunciado**
...@@ -206,7 +206,7 @@ Incluye un botón **“Detener”** que detenga el contador. ...@@ -206,7 +206,7 @@ Incluye un botón **“Detener”** que detenga el contador.
--- ---
## 🟦 Ejercicio 9: Alerta periódica con límite ## Ejercicio 9: Alerta periódica con límite
### **Enunciado** ### **Enunciado**
...@@ -233,7 +233,7 @@ Cuando se pulse el botón, se debe mostrar una **alerta cada 3 segundos** durant ...@@ -233,7 +233,7 @@ Cuando se pulse el botón, se debe mostrar una **alerta cada 3 segundos** durant
--- ---
## 🟦 Ejercicio 10: Cambiar el color de un párrafo ## Ejercicio 10: Cambiar el color de un párrafo
### **Enunciado** ### **Enunciado**
...@@ -261,7 +261,7 @@ Cuando el usuario haga clic en el botón, el párrafo debe cambiar su color a ro ...@@ -261,7 +261,7 @@ Cuando el usuario haga clic en el botón, el párrafo debe cambiar su color a ro
--- ---
## 🟦 Ejercicio 11: Alternar clases CSS ## Ejercicio 11: Alternar clases CSS
### **Enunciado** ### **Enunciado**
...@@ -301,7 +301,7 @@ Cuando se haga clic, el div debe alternar entre dos estilos definidos en CSS (po ...@@ -301,7 +301,7 @@ Cuando se haga clic, el div debe alternar entre dos estilos definidos en CSS (po
--- ---
## 🟦 Ejercicio 12: Cambiar tamaño y fuente de un elemento ## Ejercicio 12: Cambiar tamaño y fuente de un elemento
### **Enunciado** ### **Enunciado**
...@@ -332,7 +332,7 @@ Crea un párrafo y dos botones: ...@@ -332,7 +332,7 @@ Crea un párrafo y dos botones:
--- ---
## 🟦 Ejercicio 13: Mostrar todo el contenido de la variable ## Ejercicio 13: Mostrar todo el contenido de la variable
### **Enunciado** ### **Enunciado**
Crea una página que muestre **todos los elementos de una variable `recursos`** en una lista `<ul>`. Cada elemento debe convertirse en un `<li>` con su contenido completo. Crea una página que muestre **todos los elementos de una variable `recursos`** en una lista `<ul>`. Cada elemento debe convertirse en un `<li>` con su contenido completo.
...@@ -417,7 +417,7 @@ const recursos: Recurso[] = [ ...@@ -417,7 +417,7 @@ const recursos: Recurso[] = [
--- ---
## 🟦 Ejercicio 14: Mostrar solo ciertos campos de la variable ## Ejercicio 14: Mostrar solo ciertos campos de la variable
### **Enunciado** ### **Enunciado**
Muestra únicamente un campo específico de cada elemento (por ejemplo `nombre`) en la lista `<ul>`. Muestra únicamente un campo específico de cada elemento (por ejemplo `nombre`) en la lista `<ul>`.
...@@ -442,7 +442,7 @@ Muestra únicamente un campo específico de cada elemento (por ejemplo `nombre`) ...@@ -442,7 +442,7 @@ Muestra únicamente un campo específico de cada elemento (por ejemplo `nombre`)
--- ---
## 🟦 Ejercicio 15: Filtrar y mostrar según un criterio ## Ejercicio 15: Filtrar y mostrar según un criterio
### **Enunciado** ### **Enunciado**
Crea un input de texto y un botón **“Filtrar”**. Crea un input de texto y un botón **“Filtrar”**.
......
Clone repository

Índice

  • Inicio
  • Modulo 0. Instalaciones inciales
  • Modulo 1. Sitaxis básica
  • Modulo 2. Importaciones en Javascript
  • Modulo 3. Interacción con el BOM y con el DOM
    • Ejercicios
  • Modulo 4. Uso de servicios y API REST