Skip to content

Instantly share code, notes, and snippets.

@AsthaSharma1
Created March 15, 2021 02:32
Show Gist options
  • Save AsthaSharma1/6c2c05bc58367934bbb89a1e24253260 to your computer and use it in GitHub Desktop.
Save AsthaSharma1/6c2c05bc58367934bbb89a1e24253260 to your computer and use it in GitHub Desktop.
fetch part of script tag for dynamic text tutorial on www.apispreadsheets.com
fetch("https://api.apispreadsheets.com/data/9396/").then(res=>{
if (res.status === 200){
res.json().then(data=>{
const yourData = data["data"]
let rowInfo = yourData[0]
let rowInfoDiv = document.createElement("div")
rowInfoDiv.classList.add("elemsRow")
let rowWeek = document.createElement("p")
let rowWeekNode = document.createTextNode("The week of " + rowInfo["Week"])
rowWeek.appendChild(rowWeekNode)
rowWeek.classList.add("Week")
let rowShow = document.createElement("p")
let rowShowNode = document.createTextNode("I have been binging " + rowInfo["Show"] + ",")
rowShow.appendChild(rowShowNode)
rowShow.classList.add("Show")
let rowMusic = document.createElement("p")
let rowMusicNode = document.createTextNode("listening to " + rowInfo["Music"] + ",")
rowMusic.appendChild(rowMusicNode)
rowMusic.classList.add("Music")
let rowLanguage = document.createElement("p")
let rowLanguageNode = document.createTextNode(" and practicing up on " + rowInfo["Language"] + "! ")
rowLanguage.appendChild(rowLanguageNode)
rowLanguage.classList.add("Language")
let rowQuote = document.createElement("p")
let rowQuoteNode = document.createTextNode("A quote that got to me: ")
rowQuote.appendChild(rowQuoteNode)
let rowQuoteItalics = document.createElement("i")
let rowQuoteItalicsNode = document.createTextNode(rowInfo["Quote"])
rowQuoteItalics.appendChild(rowQuoteItalicsNode)
rowQuote.classList.add("Quote")
rowQuoteItalics.classList.add("Quote")
rowInfoDiv.appendChild(rowWeek)
rowInfoDiv.appendChild(rowShow)
rowInfoDiv.appendChild(rowMusic)
rowInfoDiv.appendChild(rowLanguage)
rowInfoDiv.appendChild(rowQuote)
rowInfoDiv.appendChild(rowQuoteItalics)
allElemsElm.appendChild(rowInfoDiv)
allElemsElm.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