Collection of exercises about JavaScript events. Open index.html as the entry point to access each exercise.
- index.html — List of exercises.
- cargar-imagenes.html — Load images with numeric keys.
- caja-roja.html — Move a box with arrow keys.
- ordenar-elementos.html — Sort and remove items from a list.
- parrafo.html — Fill a paragraph with typed keys.
- raton.html — Box that moves randomly when the mouse tries to enter.
- eliminar_vocal.html — Remove vowels from text using buttons.
- velocidad.html — Key-press competition between two keys.
- adivinar.html — Memory match game (pairs).
- Logic in
adivinar_main.js. Notable functions:shuffle,stopwatch. - Styles in
adivinar-styles.css.
- Logic in
- ejercicios-propagacion-eventos.md — Original exercise statements.
- .vscode/settings.json — Live Server configuration (port: 5501).
- Open the project in VS Code.
- Serve the project with Live Server (the configured port in .vscode/settings.json will be used) or open index.html directly in the browser.
- Navigate the exercises list from index.html.
- The memory game uses a visual timer in
#timerand dynamically generates the 30 tiles inside#tablerowith the logic implemented inadivinar_main.js. - Testing and debugging are done directly in the browser (DevTools console).
- Open an issue or a pull request with improvements or fixes. Keep examples simple and consistent.