text: const quizData = [
      {
          question: "What is the most used programming language in 2022?",
          a: "Java",
          b: "C",
          c: "Python",
          d: "JavaScript",
          correct: "c",
      },
      {
          question: "What does AD stand for in relation to Windows Operating Systems? ",
          a: "Active Directory",
          b: "Alternative Drive",
          c: "Automated Database",
          d: "Active Department",
          correct: "a",
      },
      {
          question: "What does HTML stand for?",
          a: "Hypertext Markup Language",
          b: "Cascading Style Sheet",
          c: "Jason Object Notation",
          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");
  
  
  //'https://opentdb.com/api.php?amount=10&category=18&type=multiple'
  
  
  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 getSelected() {
      let answer = undefined;
  
      answerEls.forEach((answerEl) => {
          if (answerEl.checked) {
              answer = answerEl.id;
          }
      });
  
      return answer;
  }
  
  function deselectAnswers() {
      answerEls.forEach((answerEl) => {
          answerEl.checked = false;
      });
  }
  
  submitBtn.addEventListener("click", () => {
      // check to see the answer
      const answer = getSelected();
  
      if (answer) {
          if (answer === quizData[currentQuiz].correct) {
              score++;
          }
  
          currentQuiz++;
          if (currentQuiz < quizData.length) {
              loadQuiz();
          } else {
              quiz.innerHTML = `
                  <h2>You answered correctly at ${score}/${quizData.length} questions.</h2>
                  
                  <button onclick="location.reload()">Reload</button>
              `;
          }
      }
  });
  