| ... | ... | @@ -62,8 +62,8 @@ Podemos obtener referencias a los elementos HTML usando distintos métodos: |
|
|
|
|
|
|
|
```html
|
|
|
|
<ul>
|
|
|
|
<li class="recurso">Mascarillas</li>
|
|
|
|
<li class="recurso">Guantes</li>
|
|
|
|
<li class="recurso">Enfermeros</li>
|
|
|
|
<li class="recurso">Ambulancias</li>
|
|
|
|
</ul>
|
|
|
|
```
|
|
|
|
|
| ... | ... | @@ -83,7 +83,7 @@ Podemos **crear, modificar o eliminar elementos** dinámicamente. |
|
|
|
```javascript
|
|
|
|
const lista = document.querySelector("#listaRecursos");
|
|
|
|
const nuevo = document.createElement("li");
|
|
|
|
nuevo.textContent = "Camas";
|
|
|
|
nuevo.textContent = "Medicos";
|
|
|
|
lista.appendChild(nuevo);
|
|
|
|
```
|
|
|
|
|
| ... | ... | @@ -157,8 +157,8 @@ boton.addEventListener("click", () => { |
|
|
|
```html
|
|
|
|
<h2>Inventario</h2>
|
|
|
|
<ul id="listaRecursos">
|
|
|
|
<li>Mascarillas</li>
|
|
|
|
<li>Guantes</li>
|
|
|
|
<li>Enfermeros</li>
|
|
|
|
<li>Ambulancias</li>
|
|
|
|
</ul>
|
|
|
|
<input type="text" id="nuevoRecurso" placeholder="Nuevo recurso">
|
|
|
|
<button id="btnAgregar">Agregar</button>
|
| ... | ... | @@ -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**.
|
|
|
|
|
|
|
|
---
|
|
|
|
|
| ... | ... | |