Entradas

Mostrando las entradas con la etiqueta javascript contador descendente

Cómo Consumir APIs con JavaScript: 4 Ejemplos Reales Paso a Paso

Imagen
Cómo Consumir APIs con JavaScript: 4 Ejemplos Reales Paso a Paso Consumir APIs es una de las habilidades más importantes para cualquier desarrollador moderno. En esta guía central encontrarás 4 ejemplos reales donde utilizamos JavaScript para conectarnos a APIs públicas y obtener datos dinámicos. Verás ejemplos desde proyectos divertidos hasta integraciones financieras reales. 🌌 1️⃣ Rick and Morty API – Mini Proyecto Web En este proyecto construimos un buscador interactivo de personajes utilizando fetch() , paginación y filtros dinámicos. Consumo de API REST Paginación Renderizado dinámico en el DOM Ver demo completa Rick and Morty API → 🏎️ 2️⃣ API de Fórmula 1 – Datos Deportivos en Tiempo Real En este ejemplo consultamos información de pilotos, carreras y estadísticas de la Fórmula 1 usando una API pública. Request HTTP con JavaScript Manejo de respuesta JSON Visualización de datos deportivos Ver ejemplo API Fórmula 1 → 🐉...
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í!