Tengo una función en la que obtengo datos de la API y los analizo en json.
En la segunda función, trato de insertar datos en un elemento DOM.
¿Dónde está el problema, por favor, y cómo representamos estos datos correctamente?
Primera función:
// GET PUBLIC IP const getIp = async () => { const reqIp = await fetch("https://ipinfo.io/json?token=xxx") return reqIp.json() }Segunda función:
document.addEventListener("DOMContentLoaded", async () => { const dataIp = await getIp() let ipAdress = document.querySelectorAll('.ip p') ipAdress.innerHTML = dataIp.ip }) getIp()DOM:
<div class="ip"> <h5>Your IP Adress:</h5> <p></p> </div>El token está bien, los datos se muestran correctamente en la consola.
Ohh, demasiado redbull y muy poco sueño.
Muchas gracias muchachos.
Como escribieron en los comentarios, el problema estaba en el selector.
document.addEventListener("DOMContentLoaded", async () => { const dataIp = await getIp() let ipAdress = document.querySelector('.ip p') ipAdress.innerHTML = dataIp.ip }) getIp()Asi funciona sin problemas