{
let score = 0;
let scoreMessage = '';
  const init = () => {

    if (document.querySelector(`.longread-intro--button`)){
      const $button = document.querySelector(`.longread-intro--button`);
      console.log($button)

      $button.addEventListener(`click`, handleClick);

      const $quizbutton = document.querySelector(`.longread-button--quiz`);
      $quizbutton.addEventListener(`click`, handleQuizClick);
    }


  };

  const handleClick = () => {
    const $player = document.querySelector(`.longread-intro--name`).value;
    console.log($player);
    const $scorePlayer = document.querySelector(`.longread-quiz--score--explain`);
    $scorePlayer.innerHTML = `Oeps ${$player}, je zal je kennis nog moeten bijschaven voordat jij een Gunter wil worden`;
    const $endPlayer = document.querySelector(`.longread-end`);
    $endPlayer.innerHTML = `Dat joch was ${$player}`
  }

  const handleQuizClick = e => {

    e.preventDefault();
    const $quizQuestion1 = document.querySelectorAll(`.answer`);
    $quizQuestion1.forEach(question => {
      if (question.checked){
        if(question.value == 0){
          score = score;
        }else {
          score = score +1 ;
        }
      }
    });
    console.log(score);
    const $wrongOnes = document.querySelectorAll(`.answer`);
    $wrongOnes.forEach(wrong => {
      if (wrong.value == 0) {
        const $label = document.querySelectorAll(`.quiz-item`);
        $label.forEach(label => {
          console.log(label.htmlFor);
          if(label.htmlFor == "q21" || label.htmlFor == "q11" || label.htmlFor == "q31" || label.htmlFor == "q41"){
          label.classList.add(`right`);
          }else {
          label.classList.add(`wrong`);
          }
        });
      }
    });
    if (score == 0) {
      scoreMessage = `Dit is echt niks! 0 Punten!`;
    }
    if (score == 1) {
      scoreMessage = `Dit is niet best he! 1 Punt!`;
    }
    if (score == 2) {
      scoreMessage = `Je scoort gemmiddeld! 2 Punten!`;
    }
    if (score == 3) {
      scoreMessage = `Je bent er bijna! 3 Punten.`;
    }
    if (score == 4) {
      scoreMessage = `Goed gedaan! Perfecte score`;
    }
    const $quizScore = document.querySelector(`.quizScore`);
     $quizScore.innerHTML = `${score}/4`;
    const $quizMessage = document.querySelector(`.longread-quiz--score--explain`);
    $quizMessage.innerHTML = `${scoreMessage}`;
  }




  init();
}