Este es un mini proyecto que hice para seguir practicando JavaScript y reforzar mi lógica. Después de haber creado un reloj digital en otro proyecto, quise aplicar lo aprendido construyendo un cronómetro que mide el tiempo en segundos y minutos.
- Inicia y detiene el conteo del cronómetro
- Reinicia el tiempo a cero
- Aumenta los minutos cuando los segundos llegan a 100
- Actualiza el tiempo en tiempo real usando
setInterval - Interfaz sencilla con botones para controlar el cronómetro
- HTML5 – Estructura básica del cronómetro
- CSS3 – Estilos visuales y diseño centrado
- JavaScript (vanilla) – Lógica del tiempo, eventos y funcionamiento del cronómetro
| Ruta | Descripción |
|---|---|
index.html |
Contiene la estructura principal del cronómetro |
css/style.css |
Estilos visuales del diseño |
js/script.js |
Archivo con la lógica y funciones en JavaScript |
Puedes ver el proyecto funcionando aquí: 👉 Haz clic aquí para probar el cronómetro
En este mini proyecto aprendí:
- El uso de
setIntervalyclearInterval - Como acceder al DOM con
getElementByIdyaddEventListener - Como organizar la lógica condicional para segundos y minutos
🟢 Completado – El cronómetro funciona correctamente con lógica. Planeo agregar mejoras en futuras versiones.
