Entradas

Mostrando las entradas con la etiqueta javascript contador descendente

Building the ATP Dashboard Tennis.com with Javascript

Imagen
Building the ATP Dashboard The goal of this project was to create a web page capable of displaying ATP rankings in a simple and visually appealing way. To accomplish this, I built a dashboard that retrieves data directly from Tennis API using JavaScript and the Fetch API. The application includes several useful features: ATP Top 3 players overview. Total number of players returned by the API. Dynamic player search. Interactive ATP ranking table. All information is loaded in real time and updated whenever the page is refreshed. You can try the live version of the dashboard here: ATP Tennis Dashboard Demo I also recorded a short video showing how to obtain an API Key through RapidAPI, explore the available endpoints, and test the dashboard: Watch the English Video Tutorial Download the Source Code If you'd like to experiment with the project or customize it for your own applications, the complete source code is available for download. The package includes: Co...
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í!