Deseo mostrar los elementos por el DOM pero hay errores donde las variables pregunta, place y questions aparecen declaradas pero no entiendo el por qué ni cómo resolverlo. Pensé en eliminar esas declaraciones pero no sería viable. Aparte de eso el acceso a appenChild arroja null, lo cual tampoco entiendo por qué.
let pregunta = 0
const respuestas = []
const comparing = []
let comp = false
let score = 0
let finalScore = 0
let corrects = 0
let place = document.getElementById('ask')
const questions = [
{
id: 1,
text: 'Pregunta uno',
points: 3,
answer1: '1) Opcion uno',
answer2: '2) Opcion dos',
answer3: '3) Opcion tres',
isCorrect: 1,
},
{
id: 2,
text: 'Pregunta dos',
points: 2,
answer1: '1) Opcion uno',
answer2: '2) Opcion dos',
answer3: '3) Opcion tres',
isCorrect: 2,
},
{
id: 3,
text: 'Pregunta tres',
points: 2,
answer1: '1) Opcion uno',
answer2: '2) Opcion dos',
answer3: '3) Opcion tres',
isCorrect: 3,
},
{
id: 4,
text: 'Pregunta cuatro',
points: 1,
answer1: '1) Opcion uno',
answer2: '2) Opcion dos',
answer3: '3) Opcion tres',
isCorrect: 2,
},
]
function sendQuestion() {
for (let i = 0; i < questions.length; i++) {
let isCorrect = questions[i].isCorrect
let points = questions[i].points
pregunta = Number(
prompt(
questions[i].text +
'\n' +
questions[i].answer1 +
'\n' +
questions[i].answer2 +
'\n' +
questions[i].answer3,
),
)
while (pregunta < 1 || pregunta > questions.length) {
pregunta = Number(prompt('Ingrese número válido: 1, 2 ó 3'))
}
respuestas.push({ respuestaUsuario: pregunta, isCorrect, points })
console.log('Respuestas: ', respuestas)
}
return respuestas
}
sendQuestion()
function compare() {
for (let i = 0; i < respuestas.length; i++) {
if (respuestas[i].respuestaUsuario == respuestas[i].isCorrect) {
;(comp = true), (score = respuestas[i].points)
} else {
;(comp = false), (score = 0)
}
comparing.push({ comp, score })
}
}
compare()
console.log(11, comparing)
function setScore() {
for (let i = 0; i < comparing.length; i++) {
finalScore += comparing[i].score
corrects += comparing[i].comp
}
}
setScore()
console.log('Resultado ' + finalScore, corrects)
alert(
'Has respondido ' +
corrects +
' pregunta/s correctamente' +
'\n' +
'Has obtenido una puntuación de ' +
finalScore,
)
for (question of questions) {
let preg = document.createElement('div')
preg.innerHTML = `
<p> ${question.text}<p/>
<p>${question.answer1}</p>
<p>${question.answer2}</p>
<p>${question.answer3}</p><br>
`
place.appendChild(preg)
}
let showResult = document.createElement('div')
showResult.className = 'adjustResults'
showResult.id = 'adjustResults'
showResult.innerHTML = `
<p> Has respondido ${corrects} pregunta/s correctamente
y has obtenido una puntuación de ${finalScore}`
place.appendChild(showResult)