hur får man till denna funktion i api/js
Jag är rätt ny på detta och försöker få till i api/js så att denna kod ska känna av frågorna ifall det finns ett svars alternativ eller fler, och känner den av att det finns endast ett svarsalterntiv så skrivs en input ut där man får skriva in svaret själv och finns det fler svarsalternativ så skriver den ut radiobuttons där man får klicka in vilket svar man vill välja.
Hoppas ni förstår hur jag menar, vad är det jag missar i denna kod så den inte gör detta? Första frågan skrivs ut men kommer inte fram något svars alternativ nämligen.
let answerURL = 'http://vhost3.lnu.se:20080/answer/1'
let questionURL = 'http://vhost3.lnu.se:20080/question/1'
let alternatives = this.jsonQ.alternatives
let nextAURL = this.jsonQ.nextURL
let svar = document.getElementById('svar')
async function myQuiz () {
let myQ = await window.fetch(questionURL)
let jsonQ = await myQ.json()
return jsonQ.question
}
myQuiz().then((text) => {
let qDiv = document.querySelector('#questions')
let quest = document.createElement('p')
quest.innerHTML = text
qDiv.appendChild(quest)
})
async function getNextQ () {
let question = await myQuiz(questionURL)
answerURL = question.nextAURL
if(question.alternatives === undefined) {
let fInput = document.createElement('input')
fInput.setAttribute('type', 'text')
fInput.appendChild(svar)
} else {
for (let alt in question.alternatives) {
let rButton = document.createElement('input')
let label = document.createElement('label')
radioButton.setAttribute('type', 'radio')
radioButton.setAttribute('value', `${alt}`)
radioButton.setAttribute('id', `${alt}`)
radioButton.setAttribute('name', 'radioAnswer')
label.setAttribute('for', `${alt}`)
label.textContent = `${question.alternatives[alt]}`
form.appendChild(radioButton)
form.appendChild(label)
}
}
}
Big Bang Theory
Howard Wolowitz