ტესტი პასუხის ვარიანტებით 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.

გახადეთ ისე, რომ კითხვის ერთ-ერთი პასუხის არჩევისას ეს პასუხი მაშინვე შემოწმდეს სისწორეზე.

შეცვალეთ თქვენი კოდი ისე, რომ პასუხების შემოწმება მოხდეს ღილაკზე დაჭერისას.