|
|
## 🟦 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”**.
|
| ... | | ... | |