Entradas

Mostrando las entradas con la etiqueta javascript contador descendente

Dashboard de Fórmula 1: Ranking de Pilotos y Equipos por Temporada

Imagen
  Dashboard de Fórmula 1 con JavaScript y API-FORMULA-1 Si estás buscando una forma sencilla de visualizar resultados de Fórmula 1 en una página web, en este artículo te mostraré cómo construir un dashboard interactivo utilizando HTML, CSS, JavaScript y la API-FORMULA-1 de API-SPORTS. El resultado es una aplicación web que permite consultar el ranking de pilotos y equipos por temporada, mostrando los datos obtenidos en tiempo real desde una API REST. ¿Qué muestra el dashboard? La aplicación permite: Seleccionar una temporada entre 2019 y 2026. Consultar la clasificación de pilotos. Consultar la clasificación de constructores. Visualizar los puntos acumulados por cada piloto y equipo. Mostrar imágenes de pilotos y logotipos de escuderías. Toda la información se obtiene dinámicamente desde la API-FORMULA-1, evitando la necesidad de almacenar datos localmente. API utilizada Para este proyecto se utiliza la API-FORMULA-1 de API-SPORTS disponible a través de RapidAPI. La documentación o...
Publicar un comentario
Leer más

JavaScript para crear un contador descendente

Imagen
 Hola en la publicación de hoy les comparó como podemos hacer un cont down o contador descendente para algún evento importante, por ejemplo yo lo voy a poner para la llegada del segundo aniversario de este blog 😋 que es el 27 de abril. Entonces para hacer un contador necesitamos una variable para la fecha objetivo, otro el dato de fecha actual, utilizar la función Math para hacer la resta y preparar nuestra página vamos a utilizar J avaScript para hacer la función      <script>     var varobjetivo = new Date("April 27, 2021 00:00:002").getTime();     var contdown = setInterval(function() {     var now = new Date().getTime();     var timeleft = varobjetivo - now;     var days = Math.floor (timeleft / (1000 * 60 * 60 * 24));     var hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));     var minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60));   ...
Publicar un comentario
Leer más

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!