Τεστ με ερωτήσεις και απαντήσεις σε πίνακα σε JavaScript

Ας υποθέσουμε ότι μας δίνεται ένας πίνακας με σωστές απαντήσεις, όπως και στο προηγούμενο μάθημα:

javascriptlet answers = [
  'απάντηση 1',
  'απάντηση 2',
  'απάντηση 3',
];

Ας υποθέσουμε τώρα ότι δίνεται και ένας πίνακας ερωτήσεων:

javascriptlet questions = [
  'ερώτηση 1;',
  'ερώτηση 2;',
  'ερώτηση 3;'
];

Ας υποθέσουμε ότι δεν υπάρχουν πλέον divs με ερωτήσεις και πεδία εισαγωγής για απαντήσεις στον HTML κώδικα:

html<div id="test"></div>
<button id="button">έλεγχος απαντήσεων</button>

Ας υποθέσουμε ότι έχουμε το ίδιο καθήκον μπροστά μας: κατά το πάτημα του κουμπιού να εκτελείται ο έλεγχος ορθότητας.

Προφανώς, το καθήκον μας έχει περιπλέξει: τώρα κατά την είσοδο στη σελίδα είναι απαραίτητο να διατρέξουμε τον πίνακα ερωτήσεων και να δημιουργήσουμε τον HTML κώδικα κάθε ερωτήσεως - το γονεϊκό div, την παράγραφο με το κείμενο και το πεδίο εισαγωγής για την απάντηση.