Тести вариантиҳои ҷавоб дар рамзи HTML бо JavaScript

Дар дарсҳои қаблӣ ҷавобҳои саволҳои тест бояд дар вурудҳо дохил карда мешуданд. Дар ҳаёти воқеӣ, ба ҳол, ҳамчунин матнҳое мавҷуданд, ки дар онҳо мумкин аст як варианти ҷавобро аз пешниҳодшуда интихоб кард. Биёед ёд гирем, ки чӣ гуна чунин тестҳоро эҷод кунем.

Биёед боз аз варианти содда оғоз кунем, вақте ки саволҳо ва ҷавобҳо дар рамзи 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 ишора шудааст.

Чунон кунед, ки вақте аз вариантиҳои ҷавоби саволе интихоб карда мешавад, ин ҷавоб фавран барои дурустӣ санҷида шавад.

Рамзи худро тағйир диҳед, то санҷиши ҷавобҳо бо пахш кардани тугма иҷро шавад.