quiz.js

let questionDiv = document.querySelector('.question');
let answersDiv = document.querySelector('.answers');
let messageDiv = document.querySelector('.message');

// 1. Fetch the quiz data from the `db.json` file using the `fetch()` function.


// 2. Use a .then method and convert the response to JSON.


// 3. Use a second .then method and grab the data.



  // 4. Uncomment the code below and place it in the body of the second .then method. 

  // questionDiv.innerHTML = data.question;

  // for (const answer of data.answers) {

  //   let answerButton = document.createElement('div');
  //   answerButton.classList.add('answer');
  //   answerButton.innerHTML = answer.text;

  //   answerButton.addEventListener('click', () => {
  //     if (answer.correct) {
  //       messageDiv.innerHTML = 'Correct!';
  //       messageDiv.style.color = "green"
  //     } else {
  //       messageDiv.innerHTML = 'Incorrect!';
  //       messageDiv.style.color = "red"
  //     }
  //   });

  //   answersDiv.appendChild(answerButton);
  // }


// 5. Discuss what's happening in the code above.