App Cavaleiros do zodíaco

Link Cavaleiros do zodíaco

https://api.jsonbin.io/v3/b/64ba1bd4b89b1e2299c1dbc0

Código - JavaScript

async function userData() {
   await fetch("https://api.jsonbin.io/v3/b/64ba1bd4b89b1e2299c1dbc0")
       .then((response) => {
           return response.json();
       })
       .then((data) => {
           // Estudando os dados 
           console.log(data)

           // Criando o DOM com JS
           let zodicName = document.createElement('p')
           let zodicImg = document.createElement('img')

           zodicName.textContent = data["record"]["Zodic"]["0"]["name"]
           zodicImg.src = data["record"]["Zodic"]["0"]["avatar"]

           root.append(zodicName, zodicImg)
       })
       .catch((error) => {
           console.error(error)
       })
}
userData()

Clonar o projeto

git clone https://github.com/nadiduno/knightsofthezodiac

Deploy

Ver app

Cria tua propria API

Dado curioso: Eu criei esta API para poder consumir.

Cria tua propria API - Ver este post que fiz com muito amor

Criando uma API pública dos Cavaleiros do Zodíaco

Com <💜 />

Nadi Duno © 2023