eei1.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="UTF-8">
  4. <title>EEI</title>
  5. async function consultar() {
  6. /*
  7. En esta dirección hay un JSON con los datos
  8. de ubicación de la EEI.
  9. */
  10. const url = "https://api.wheretheiss.at/v1/satellites/25544";
  11.  
  12. /*
  13. La función fecth nos da el contenido que hay en la URL
  14. Esta función es asíncrona. La función tarda un tiempo indeterminado en responder.
  15. *await* se utiliza para esperar que una función asíncrona acabe
  16. La función contenedora debe declararse como asíncrona
  17. con la palabra clave *async*
  18. */
  19. const respuesta = await fetch(url);
  20. const json = await respuesta.json();
  21. //console.log(json);
  22. mostrar(json.latitude, json.longitude);
  23. }
  24.  
  25. function mostrar(lat, lon) {
  26. const strong1 = document.querySelector('#lat');
  27. const strong2 = document.querySelector('#lon');
  28. strong1.textContent = lat;
  29. strong2.textContent = lon;
  30. }
  31.  
  32. </script>
  33. </head>
  34. <h1>¿Dónde está la Estación Espacial Internacional?</h1>
  35. <p>
  36. <button onclick="consultar()">Consultar</button>
  37. </p>
  38. <p>
  39. Latitud: <strong id="lat"></strong>
  40. <br>
  41. Longitud: <strong id="lon"></strong>
  42. </p>
  43. </body>
  44. </html>

Proinf.net