Estoy tratando de hacer un juego de trivia usando Open Trivia DB.
Lo que quiero es mostrar solo las preguntas en la constante triviaQ y lo hice. El código funciona, hace lo que quiero que haga PERO, cuando actualizo la página a veces, aparece este error en la consola:
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'question')
El error apunta a: question_data.question y subraya la pregunta que no tiene sentido porque es una clave válida de API json. Además, lo que me confunde aún más es que todavía muestra la pregunta incluso si hay un error y el error aparece a veces. ¡Gracias de antemano por su tiempo!
Código JavaScript:
const api_url = 'https://opentdb.com/api.php?amount=10&difficulty=easy&type=boolean' const triviaQ = document.getElementById("triviaQuestion") let question_data = "" async function display() { const response = await fetch(api_url); const data = await response.json() for (let i = 0; i <= 10; i++) { var randNum = Math.floor(Math.random() * 11); question_data = data.results[randNum] triviaQ.innerHTML = question_data.question } } display()