bbbb

<div class="mcq-box">

<h2>MCQ Online Test (৩০ প্রশ্ন)</h2>

<form id="quizForm">

<!-- Question 1 -->

<p>১. শিক্ষা মানুষকে কোথায় পৌঁছে দেয়?</p>

<label><input type="radio" name="q1" value="1"> জ্ঞানালোকে</label><br>

<label><input type="radio" name="q1" value="0"> আনন্দলোকে</label><br>

<label><input type="radio" name="q1" value="0"> দিবালোকে</label><br>

<!-- Question 2 -->

<p>২. পাহাড়পুর বৌদ্ধবিহার কোন জেলায়?</p>

<label><input type="radio" name="q2" value="1"> নওগাঁ</label><br>

<label><input type="radio" name="q2" value="0"> রাজশাহী</label><br>

<label><input type="radio" name="q2" value="0"> কুমিল্লা</label><br>

<!-- Question 3 -->

<p>৩. ‘সতত’ শব্দের অর্থ কী?</p>

<label><input type="radio" name="q3" value="1"> সর্বদা</label><br>

<label><input type="radio" name="q3" value="0"> স্মরণীয়</label><br>

<label><input type="radio" name="q3" value="0"> সদ্ভাবে</label><br>

<!-- Question 4 -->

<p>৪. ‘দারা’ শব্দটির অর্থ কী?</p>

<label><input type="radio" name="q4" value="1"> কন্যা</label><br>

<label><input type="radio" name="q4" value="0"> পুত্র</label><br>

<label><input type="radio" name="q4" value="0"> স্ত্রী</label><br>

<!-- Question 5 -->

<p>৫. মেঘনা নদীর দক্ষ মাঝি কে?</p>

<label><input type="radio" name="q5" value="1"> কেষ্টদাস</label><br>

<label><input type="radio" name="q5" value="0"> মতলব মিয়া</label><br>

<label><input type="radio" name="q5" value="0"> সগির আলী</label><br>

<!-- ৬–৩০ একইভাবে -->

<!-- শুধু name="q6" থেকে name="q30" -->

<!-- সঠিক অপশনে value="1" -->

<!-- ভুল অপশনে value="0" -->

<br>

<button type="button" onclick="checkResult()">Submit Test</button>

</form>

<h3 id="result"></h3>

</div>

<script>

function checkResult(){

  let score = 0;

  const answers = document.querySelectorAll('input[type=radio]:checked');

  answers.forEach(ans => {

    score += Number(ans.value);

  });

  document.getElementById("result").innerHTML =

    "আপনার স্কোর: " + score + " / 30";

}

</script>

<style>

.mcq-box{

  max-width:700px;

  margin:auto;

  background:#ffffff;

  padding:20px;

  border-radius:10px;

  box-shadow:0 4px 12px rgba(0,0,0,0.1);

  font-family: Arial, sans-serif;

}

p{

  font-weight:600;

}

button{

  background:#0d6efd;

  color:#fff;

  padding:10px 20px;

  border:none;

  border-radius:6px;

  font-size:16px;

}

button:hover{

  background:#084298;

}

</style>