Test avec des questions et réponses dans un tableau en JavaScript

Supposons que nous ayons un tableau de réponses correctes, comme dans la leçon précédente :

javascriptlet answers = [
  'response 1',
  'response 2',
  'response 3',
];

Supposons maintenant qu'il y ait également un tableau de questions :

javascriptlet questions = [
  'question 1 ?',
  'question 2 ?',
  'question 3 ?'
];

Supposons qu'il n'y ait plus de divs avec des questions et des champs de saisie pour les réponses dans le code HTML :

html<div id="test"></div>
<button id="button">vérifier les réponses</button>

Supposons que nous ayons la même tâche : lors d'un clic sur le bouton, vérifier la justesse des réponses.

De toute évidence, notre tâche est devenue plus complexe : désormais, en arrivant sur la page, nous devons parcourir le tableau des questions et générer le code HTML de chaque question - un div parent, un paragraphe avec le texte et un champ de saisie pour la réponse.