Թեստ հարցերով և պատասխաններով զանգվածում JavaScript-ում

Ենթադրենք մենք ունենք ճիշտ պատասխանների զանգված, ինչպես նախորդ դասում.

javascriptlet answers = [
  'պատասխան 1',
  'պատասխան 2',
  'պատասխան 3',
];

Ենթադրենք այժմ տրված է նաև հարցերի զանգված.

javascriptlet questions = [
  'հարց 1?',
  'հարց 2?',
  'հարց 3?'
];

Ենթադրենք HTML կոդում այլևս չկան հարցերով և պատասխանների համար նախատեսված input-ներով div-եր.

html<div id="test"></div>
<button id="button">ստուգել պատասխանները</button>

Ենթադրենք մեր առջև դրված է նախկին խնդիրը՝ կոճակի վրա կտտացնելիս ստուգել ճիշտ լինելը։

Ակնհայտ է, որ մեր խնդիրը բարդացել է. այժմ էջ մտնելիս մեզ անհրաժեշտ է փոխել հարցերի զանգվածը և ձևավորել յուրաքանչյուր հարցի HTML կոդը՝ ծնող div-ը, տեքստով պարագրաֆը և պատասխանի համար նախատեսված input-ը։