Τεστ με ερωτήσεις και επιλογές απαντήσεων σε αντικείμενο JavaScript
Ας υποθέσουμε τώρα ότι οι ερωτήσεις, οι επιλογές απαντήσεων και οι αριθμοί των σωστών απαντήσεων αποθηκεύονται σε ένα αντικείμενο:
let questions = [
{
text: 'ερώτηση 1;',
right: 0,
variants: [
'επιλογή 1',
'επιλογή 2',
'επιλογή 3'
]
},
{
text: 'ερώτηση 2;',
right: 1,
variants: [
'επιλογή 1',
'επιλογή 2',
'επιλογή 3'
]
},
{
text: 'ερώτηση 3;',
right: 2,
variants: [
'επιλογή 1',
'επιλογή 2',
'επιλογή 3'
]
},
];
Ο κώδικας HTML μας ενώ θα μειωθεί στο εξής:
<div id="test"></div>
<button id="button">έλεγχος απαντήσεων</button>
Τώρα, κατά την είσοδο στη σελίδα, θα χρειαστεί να διατρέξετε με βρόχο το αντικείμενο μας και να δημιουργήσετε τον κώδικα HTML των ερωτήσεων.
Υλοποιήστε την ανωτέρω εργασία.