JavaScript'те 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 атрибуту менен белгиленген.

Суроонун жоопторунун бирин тандаганда, ал жооп ошол замат тууралыгы текшерилген кылыңыз.

Жоопторду текшерүү баскычты басканда иштөөсү үчүн, сиздин кодду өзгөртүңүз.