I am trying to create a simple online quiz game using HTML, CSS and JavaScript. My current issue is that I am trying to write a function that checks if the answer the used clicked is true or false and load the new question once it is done. Is there something I am missing from my code here?

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')

}