HTML/ ├── index.html # Archivo HTML principal con estructura documentada ├── style.css # Hoja de estilos CSS con comentarios detallados ├── main.js # Script JavaScript con lógica interactiva └── media ...

Aprender a programar es más fácil cuando los comandos introducidos cambian de inmediato lo que ocurre en la pantalla ...

- Usa `const`/`let`, arrow functions y template literals. - Centraliza las referencias del DOM al inicio en un objeto `DOMElements`. - Prioriza el evento `input` para actualizaciones en tiempo real; ...