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

Modulo 3 · Changes

Page history
actualizacion de ejemplos panacea authored Nov 19, 2025 by imunnic's avatar imunnic
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 6 deletions
+6 -6
  • Modulo-3.md Modulo-3.md +6 -6
  • No files found.
Modulo-3.md
View page @ cd31b939
...@@ -62,8 +62,8 @@ Podemos obtener referencias a los elementos HTML usando distintos métodos: ...@@ -62,8 +62,8 @@ Podemos obtener referencias a los elementos HTML usando distintos métodos:
```html ```html
<ul> <ul>
<li class="recurso">Mascarillas</li> <li class="recurso">Enfermeros</li>
<li class="recurso">Guantes</li> <li class="recurso">Ambulancias</li>
</ul> </ul>
``` ```
...@@ -83,7 +83,7 @@ Podemos **crear, modificar o eliminar elementos** dinámicamente. ...@@ -83,7 +83,7 @@ Podemos **crear, modificar o eliminar elementos** dinámicamente.
```javascript ```javascript
const lista = document.querySelector("#listaRecursos"); const lista = document.querySelector("#listaRecursos");
const nuevo = document.createElement("li"); const nuevo = document.createElement("li");
nuevo.textContent = "Camas"; nuevo.textContent = "Medicos";
lista.appendChild(nuevo); lista.appendChild(nuevo);
``` ```
...@@ -157,8 +157,8 @@ boton.addEventListener("click", () => { ...@@ -157,8 +157,8 @@ boton.addEventListener("click", () => {
```html ```html
<h2>Inventario</h2> <h2>Inventario</h2>
<ul id="listaRecursos"> <ul id="listaRecursos">
<li>Mascarillas</li> <li>Enfermeros</li>
<li>Guantes</li> <li>Ambulancias</li>
</ul> </ul>
<input type="text" id="nuevoRecurso" placeholder="Nuevo recurso"> <input type="text" id="nuevoRecurso" placeholder="Nuevo recurso">
<button id="btnAgregar">Agregar</button> <button id="btnAgregar">Agregar</button>
...@@ -182,7 +182,7 @@ boton.addEventListener("click", () => { ...@@ -182,7 +182,7 @@ boton.addEventListener("click", () => {
}); });
``` ```
> Con este ejemplo, el sistema de gestión hospitalaria permite **agregar nuevos recursos desde la interfaz**, aplicando lo aprendido sobre **DOM y eventos**. > Con este ejemplo, el sistema de gestión de recursos permite **agregar nuevos recursos desde la interfaz**, aplicando lo aprendido sobre **DOM y eventos**.
--- ---
......
Clone repository

Índice

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