ЖаваСкриптда HTML кодда жавоб вариантлари билан тест

Олдинги дарсларда тест саволларига жавоблар инпутларга киритиш шарт эди. Амма хаётда, шунга карамай, кўпинча таклиф этилганлардан бирта жавоб вариантини танлаш мумкин бўлган матнлар ҳам учрайди. Келинг, бундай тестларни яратишни ўрганамиз.

Келинг, яна содда вариантидан бошлаймиз, вақтки саволлар ва жавоблар HTML кодда сақланган, сўнгра аста-секин кийинлаштирамиз.

Шунинг учун, жавоб вариантлари билан тест:

<div id="test">
	<div>
		<p>савол 1?</p>
		
		<label>
			<input type="radio" name="1" data-right>
			вариант 1
		</label>
		<label>
			<input type="radio" name="1">
			вариант 2
		</label>
		<label>
			<input type="radio" name="1">
			вариант 3
		</label>
	</div>
	<div>
		<p>савол 2?</p>
		
		<label>
			<input type="radio" name="2">
			вариант 1
		</label>
		<label>
			<input type="radio" name="2" data-right>
			вариант 2
		</label>
		<label>
			<input type="radio" name="2">
			вариант 3
		</label>
	</div>
	<div>
		<p>савол 3?</p>
		
		<label>
			<input type="radio" name="3">
			вариант 1
		</label>
		<label>
			<input type="radio" name="3">
			вариант 2
		</label>
		<label>
			<input type="radio" name="3" data-right>
			вариант 3
		</label>
	</div>
</div>

Куриб турганингиздек, жавоб вариантларини биз радио тугмачалари ёрдамида танлашимиз мумкин. Бу ҳолда ҳар бир саволда тўғри вариант билан радио тугмачаси data-right атрибути билан белгиланган.

Қилингки, бирор саволга жавоблардан бирини танлаганда, ўша жавоб дарҳол тўғрилигига текширилсин.

Коднигизни шундай модификация қилингки, жавобларни текшириш тугма босилганда бажарилсин.