Trabajar con internet

Hasta ahora todos tus datos los escribiste tú mismo. Hoy le pides datos reales a un servidor en algún lugar del mundo.

fetch() le pide algo a una dirección de internet. La respuesta no llega al instante —viaja por la red—, así que fetch devuelve una promesa: algo que dice "todavía no tengo tu dato, pero te aviso cuando llegue".

Para esperar ese aviso se usa await, dentro de una función marcada async.

Esa API pública es de GitHub, no necesita clave ni registro. Te devuelve un objeto —exactamente lo que aprendiste en el módulo anterior— con la información pública de una cuenta.

Junta esto con lo que ya sabes del DOM: en vez de console.log, escribe el resultado directo en un elemento de la página.

fetch también sirve para enviar información, no solo pedirla. Se hace pasando un segundo argumento con el método y los datos.

No hay una API pública segura para probar esto en vivo sin registrarte, así que acá va el patrón exacto que usarías, para que lo tengas a mano cuando te haga falta:

JSON.stringify() convierte tu objeto a texto —el mismo JSON.parse al revés que viste guardando datos en localStorage—, porque por la red solo viaja texto, nunca objetos de JavaScript directamente.

fetch, promesas y async/await, mostrar el resultado en el DOM, manejar errores con try/catch, y el patrón para enviar datos con POST.

Con esto tienes las piezas para conectar tu página con el mundo real. Falta un último paso: juntar absolutamente todo en un juego completo.