Skip to content

carlossaenzz/cronometro-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⏱️ Cronómetro con HTML, CSS y JavaScript

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.

⚙️ Funcionalidad

  • 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

🛠 Tecnologías utilizadas

  • 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

📁 Estructura del proyecto

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

📸 Captura de pantalla

Vista previa del cronómetro

🔗 Ver en vivo

Puedes ver el proyecto funcionando aquí: 👉 Haz clic aquí para probar el cronómetro

💡 Notas personales

En este mini proyecto aprendí:

  • El uso de setInterval y clearInterval
  • Como acceder al DOM con getElementById y addEventListener
  • Como organizar la lógica condicional para segundos y minutos

📌 Estado del proyecto

🟢 Completado – El cronómetro funciona correctamente con lógica. Planeo agregar mejoras en futuras versiones.

About

cronometro básico hecho con HTML, CSS y JavaScript. permite iniciar, pausar, y reiniciar el tiempo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors