जावास्क्रिप्ट में 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 विशेषता द्वारा चिह्नित है।
ऐसा करें कि जब किसी प्रश्न का एक उत्तर चुना जाए तो वह उत्तर तुरंत सहीता के लिए जाँचा जाए।
अपना कोड इस तरह संशोधित करें कि उत्तरों की जाँच एक बटन दबाने पर की जाए।
