Estoy tratando de crear un juego de preguntas en línea simple usando HTML, CSS y JavaScript. Mi problema actual es que estoy tratando de escribir una función que verifique si la respuesta en la que se hizo clic es verdadera o falsa y cargue la nueva pregunta una vez que haya terminado. ¿Hay algo que me falta en mi código aquí?
function selectAnswer(e) { console.log("I'm here!") const selectedButton = e.target; const correct = selectedButton.dataset.correct; checkAnswers(document.newButton, correct) Array.from(answerButtonsElement.children).forEach(newButton => { checkAnswers(newButton, newButton.dataset.correct) }) if (shuffledQuestions.length > currentQuestionIndex + 1) { submitButtonElement.classList.remove('hide') } else { startButton.innerText = 'Restart' startButton.classList.remove('hide') } } function checkAnswers(element, correct) { resetPage if (correct === true) { element.classList.add('correct-btn'); } else { element.classList.add('incorrect-btn'); } } function resetPage(element) { element.classList.remove('correct-btn') element.classList.remove('incorrect-btn') }en la función "checkAnswers" está llamando a la función "resetPage" sin dar ninguna variable y sin paréntesis.
en esta función:
function checkAnswers(element, correct) { resetPage(element) if (correct === true) { element.classList.add('correct-btn'); } else { element.classList.add('incorrect-btn'); } }