Entradas

Mostrando las entradas con la etiqueta JavaScript para Web

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...

Código HTML y JavaScript para Mostrar Imágenes Aleatorias en tu Web

Imagen
  En esta publicación quiero compartirles el código de HTML y Javascript para que puedan mostrar imágenes aleatorias en una pagina WEB. Los usos que pueden darle es por ejemplo para un mensaje especial para un amigo, un detalle motivacional para su equipo de trabajo. Para poder hacerlos vamos a utilizar el siguiente código <html lang="es"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Mensaje del día</title>     <style>         body {             font-family: Arial, sans-serif;             text-align: center;             padding: 20px;         }         #randomImage {             max-width: 100%;         ...

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