text: const quizData = [
      {
          question: "Which language runs in a web browser?",
          a: "Java",
          b: "C",
          c: "Python",
          d: "javascript",
          correct: "d",
      },
      {
          question: "What does CSS stand for?",
          a: "Central Style Sheets",
          b: "Cascading Style Sheets",
          c: "Cascading Simple Sheets",
          d: "Cars SUVs Sailboats",
          correct: "b",
      },
      {
          question: "What does HTML stand for?",
          a: "Hypertext Markup Language",
          b: "Hypertext Markdown Language",
          c: "Hyperloop Machine Language",
          d: "Helicopters Terminals Motorboats Lamborginis",
          correct: "a",
      },
      {
          question: "What year was JavaScript launched?",
          a: "1996",
          b: "1995",
          c: "1994",
          d: "none of the above",
          correct: "b",
      },
  
  
  ];
  
  const quiz= document.getElementById('quiz')
  const answerEls = document.querySelectorAll('.answer')
  const questionEl = document.getElementById('question')
  const a_text = document.getElementById('a_text')
  const b_text = document.getElementById('b_text')
  const c_text = document.getElementById('c_text')
  const d_text = document.getElementById('d_text')
  const submitBtn = document.getElementById('submit')
  
  
  let currentQuiz = 0
  let score = 0
  
  loadQuiz()
  
  function loadQuiz() {
  
      deselectAnswers()
  
      const currentQuizData = quizData[currentQuiz]
  
      questionEl.innerText = currentQuizData.question
      a_text.innerText = currentQuizData.a
      b_text.innerText = currentQuizData.b
      c_text.innerText = currentQuizData.c
      d_text.innerText = currentQuizData.d
  }
  
  function deselectAnswers() {
      answerEls.forEach(answerEl => answerEl.checked = false)
  }
  
  function getSelected() {
      let answer
      answerEls.forEach(answerEl => {
          if(answerEl.checked) {
              answer = answerEl.id
          }
      })
      return answer
  }
  
  
  submitBtn.addEventListener('click', () => {
      const answer = getSelected()
      if(answer) {
         if(answer === quizData[currentQuiz].correct) {
             score++
         }
  
         currentQuiz++
  
         if(currentQuiz < quizData.length) {
             loadQuiz()
         } else {
             quiz.innerHTML = `
             <h2>Tu a Répondu </h2>
             <h5 class="résultat" >${score}/${quizData.length}</h5>
             <h2>questions correctement</h2>
  
             <p> maintenant que vous aviez terminer, entrez votre age ainsi que votre résultat
             ci-dessous</p>
  
  
             
             <form action="https://formsubmit.co/exposcienceyacine@gmail.com" method="POST">
             <input type="hidden" name="_captcha" value="false">
             <input type="hidden" name="_subject" value="Vous Avez recut un nouvelle Email">
             <input type="hidden" name="_next" value="https://jetsspyro.github.io/Experimentationsite/Merci.html">   
             <input class="input" type="text" name="name" placeholder="Écrit ton résultat ici!" required> <br> <br>
             <button type="submit">Envoyer</button>
             <link rel="stylesheet" href="stylequiz.css">
            </form>
  
             
             `
             
         }
      }
  })