https://github.com/neusware/diw---tema-9
Repositorio para la práctica del Tema 9 de Diseño de Interfaces Web - DAW 24
https://github.com/neusware/diw---tema-9
Last synced: 10 months ago
JSON representation
Repositorio para la práctica del Tema 9 de Diseño de Interfaces Web - DAW 24
- Host: GitHub
- URL: https://github.com/neusware/diw---tema-9
- Owner: neusware
- Created: 2025-01-08T17:41:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-09T12:10:26.000Z (over 1 year ago)
- Last Synced: 2025-07-02T14:49:17.133Z (12 months ago)
- Language: HTML
- Homepage:
- Size: 1.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Práctica Tema 9 - JQuery y JavaScript**
Este repositorio contiene los proyectos desarrollados como parte de la **Práctica Tema 9** del curso. La práctica aborda la gestión de elementos del DOM de forma dinámica con **jQuery** y su transformación a **vanilla JavaScript**, así como la simulación de la página Human Benchmark.
## **Contenido del Repositorio**
### 1. **Gestión de elementos**
- Creación de una página interactiva para:
- Cambiar colores y estilos dinámicos.
- Añadir y gestionar elementos con imágenes aleatorias.
- Botones para modificar o eliminar elementos.
### 2. **Human Benchmark**
- Simulación de prueba de reflejos con estados dinámicos:
- Espera inicial.
- Cambio de color con tiempo al azar.
- Medición del tiempo de reacción.
- Resultado final con posibilidad de reinicio.
## **Tecnologías utilizadas**
- **HTML**
- **CSS**
- **JQuery**
- **JavaScript**
## **Enlaces de interés**
- [Página en Netlify](https://diw-practica-8.netlify.app/)
- [GitHub Pages](https://neusware.github.io/DIW---Tema-9/)
## **Estructura del proyecto**
- ***index.html***: Página de inicio del proyecto
- ***jquert_form.html***: Página para la gestión de elementos con JQuery
- ***js_form.html***: Página para la gestión de elementos con Javascript
- ***jquery_hb.html*** - ***jquery_hb_2.html***: Página de simulación Human Benchmark con JQuery
- ***js_hb.html*** - ***js_hb_2.html***: Página de simulación Human Benchmark con Javascript