Skip to content

Instantly share code, notes, and snippets.

@AsthaSharma1
Created May 25, 2021 21:36
Show Gist options
  • Save AsthaSharma1/a7e201fa82137444c5f066160f6cd970 to your computer and use it in GitHub Desktop.
Save AsthaSharma1/a7e201fa82137444c5f066160f6cd970 to your computer and use it in GitHub Desktop.
fetch("https://api.apispreadsheets.com/data/12633/").then(res=>{
if (res.status === 200){
res.json().then(data=>{
const yourData = data["data"]
for(let i = 0; i < yourData.length; i++){
let rowInfo = yourData[i]
let rowInfoDiv = document.createElement("div")
rowInfoDiv.classList.add("song-row")
let rowSong = document.createElement("h2")
let rowSongNode = document.createTextNode(rowInfo["Song"])
rowSong.appendChild(rowSongNode)
rowSong.classList.add("Song")
let rowArtist = document.createElement("h4")
let rowArtistNode = document.createTextNode(rowInfo["Artist"])
rowArtist.appendChild(rowArtistNode)
rowArtist.classList.add("Artist")
let rowLink = document.createElement("a")
rowLink.setAttribute("href", rowInfo["Link"])
rowLink.setAttribute("target","_blank")
let rowLinkNode = document.createTextNode(rowInfo["Link"])
rowLink.appendChild(rowLinkNode)
rowLink.classList.add("Link")
rowInfoDiv.appendChild(rowSong)
rowInfoDiv.appendChild(rowArtist)
rowInfoDiv.appendChild(rowLink)
allSongsElm.appendChild(rowInfoDiv)
}
loaderElm.style.display = "none"
allSongsElm.style.display = "block"
errorMessageElm.style.display = "none"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment