JavaScript-এ HTML কোডে উত্তর বিকল্প সহ পরীক্ষা

পূর্ববর্তী পাঠগুলিতে, পরীক্ষার প্রশ্নের উত্তর ইনপুটগুলিতে টাইপ করতে হত। তবে বাস্তব জীবনে, প্রায়শই এমন পাঠ্যও থাকে যেখানে প্রদত্ত বিকল্পগুলি থেকে একটি উত্তর নির্বাচন করা যায়। আসুন এমন পরীক্ষা তৈরি করতে শিখি।

আসুন আবার একটি সহজ সংস্করণ দিয়ে শুরু করি, যেখানে প্রশ্ন এবং উত্তরগুলি 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 বৈশিষ্ট্য দ্বারা চিহ্নিত করা হয়েছে।