03. JavaScript Quizz Exercise: DOM

function solve() {
  let result = [];
  let answerButtons = document.getElementsByClassName('answer-text');

  for (let index = 0; index < answerButtons.length; index++) {
    answerButtons[index].addEventListener('click', () => {
      if (answerButtons[index].textContent === 'onclick' || answerButtons[index].textContent === 'JSON.stringify()'
        || answerButtons[index].textContent === 'A programming API for HTML and XML documents') {
        result.push(true)
      }
      if (index === 0 || index === 1) {
        document.getElementsByTagName('section')[0].style.display = 'none';
        document.getElementsByTagName('section')[1].style.display = 'block';
      } else if (index === 2 || index === 3) {
        document.getElementsByTagName('section')[1].style.display = 'none';
        document.getElementsByTagName('section')[2].style.display = 'block';
      } else if (index === 4 || index === 5) {
        document.getElementsByTagName('section')[2].style.display = 'none';
        let resultElement = document.getElementById('results');
        resultElement.style.display = 'block';
        if (result.length === 3) {
          resultElement.querySelector('h1').textContent = 'You are recognized as top JavaScript fan!'
        } else {
          resultElement.querySelector('h1').textContent = `You have ${result.length} right answers`
        }
      }
    })
  }
}