#quizApp {
max-width: 700px;
margin: 30px auto;
font-family: ‘Segoe UI’, sans-serif;
background: #ffffff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.quiz-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
font-weight: bold;
}

#progressBar {
width: 100%;
height: 8px;
background: #eee;
border-radius: 5px;
overflow: hidden;
margin-bottom: 15px;
}

#progress {
height: 100%;
width: 0%;
background: #4CAF50;
}

.question {
background: #e6f0ff;
padding: 15px;
border-left: 6px solid #007BFF;
border-radius: 10px;
font-weight: 600;
}

.option {
display: block;
width: 100%;
padding: 12px;
margin: 8px 0;
border: none;
border-radius: 8px;
background: #f5f5f5;
cursor: pointer;
transition: 0.3s;
font-size: 15px;
}

.option:hover {
background: #e0e0e0;
}

.option.correct {
background: #c8f7c5;
}

.option.wrong {
background: #ffcdd2;
}

.next-btn {
margin-top: 15px;
padding: 10px 18px;
border: none;
background: #007BFF;
color: #fff;
border-radius: 8px;
cursor: pointer;
}

.next-btn:hover {
background: #0056b3;
}

.result {
text-align: center;
}

(adsbygoogle = window.adsbygoogle || []).push({});

const quizData =

[
{
“q”:”চিল্কা হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”ওড়িশা”,
“o”:[“রাজস্থান”,”ওড়িশা”,”কেরালা”,”পাঞ্জাব”]
},
{
“q”:”কেওলাদেও জাতীয় উদ্যান কোন রাজ্যে অবস্থিত?”,
“a”:”রাজস্থান”,
“o”:[“পাঞ্জাব”,”মণিপুর”,”রাজস্থান”,”আসাম”]
},
{
“q”:”হরিকে জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”পাঞ্জাব”,
“o”:[“পাঞ্জাব”,”কেরালা”,”ওড়িশা”,”ত্রিপুরা”]
},
{
“q”:”লোকটাক হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”মণিপুর”,
“o”:[“মণিপুর”,”হিমাচল প্রদেশ”,”লাদাখ”,”কেরালা”]
},
{
“q”:”সম্বর হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”রাজস্থান”,
“o”:[“পশ্চিমবঙ্গ”,”রাজস্থান”,”পাঞ্জাব”,”ওড়িশা”]
},
{
“q”:”উলার হ্রদ কোন অঞ্চলে অবস্থিত?”,
“a”:”জম্মু ও কাশ্মীর”,
“o”:[“লাদাখ”,”জম্মু ও কাশ্মীর”,”উত্তরপ্রদেশ”,”আসাম”]
},
{
“q”:”অষ্টমুদি জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”কেরালা”,
“o”:[“কেরালা”,”তামিলনাড়ু”,”অন্ধ্রপ্রদেশ”,”পাঞ্জাব”]
},
{
“q”:”ভিতরকণিকা ম্যানগ্রোভ কোন রাজ্যে অবস্থিত?”,
“a”:”ওড়িশা”,
“o”:[“কেরালা”,”ওড়িশা”,”ত্রিপুরা”,”পাঞ্জাব”]
},
{
“q”:”ভোজ জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”মধ্যপ্রদেশ”,
“o”:[“মধ্যপ্রদেশ”,”ওড়িশা”,”আসাম”,”পাঞ্জাব”]
},
{
“q”:”দিপর বিল কোন রাজ্যে অবস্থিত?”,
“a”:”আসাম”,
“o”:[“পশ্চিমবঙ্গ”,”মণিপুর”,”আসাম”,”কেরালা”]
},
{
“q”:”পূর্ব কলকাতা জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”পশ্চিমবঙ্গ”,
“o”:[“ওড়িশা”,”পাঞ্জাব”,”পশ্চিমবঙ্গ”,”আসাম”]
},
{
“q”:”কাঞ্জলি জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”পাঞ্জাব”,
“o”:[“ত্রিপুরা”,”কেরালা”,”পাঞ্জাব”,”রাজস্থান”]
},
{
“q”:”কোল্লেরু হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”অন্ধ্রপ্রদেশ”,
“o”:[“অন্ধ্রপ্রদেশ”,”তামিলনাড়ু”,”কেরালা”,”পাঞ্জাব”]
},
{
“q”:”Point Calimere Wildlife and Bird Sanctuary কোন রাজ্যে অবস্থিত?”,
“a”:”তামিলনাড়ু”,
“o”:[“আসাম”,”তামিলনাড়ু”,”ওড়িশা”,”লাদাখ”]
},
{
“q”:”পং ড্যাম হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”হিমাচল প্রদেশ”,
“o”:[“হিমাচল প্রদেশ”,”পাঞ্জাব”,”কেরালা”,”রাজস্থান”]
},
{
“q”:”রোপার জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”পাঞ্জাব”,
“o”:[“পাঞ্জাব”,”ওড়িশা”,”ত্রিপুরা”,”কেরালা”]
},
{
“q”:”সস্থামকোট্টা হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”কেরালা”,
“o”:[“তামিলনাড়ু”,”কেরালা”,”পাঞ্জাব”,”আসাম”]
},
{
“q”:”Tsomoriri কোথায় অবস্থিত?”,
“a”:”লাদাখ”,
“o”:[“জম্মু ও কাশ্মীর”,”লাদাখ”,”মণিপুর”,”হিমাচল প্রদেশ”]
},
{
“q”:”ভেম্বনাদ কয়াল জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”কেরালা”,
“o”:[“কেরালা”,”ওড়িশা”,”পাঞ্জাব”,”রাজস্থান”]
},
{
“q”:”চন্দ্র তাল কোন রাজ্যে অবস্থিত?”,
“a”:”হিমাচল প্রদেশ”,
“o”:[“ত্রিপুরা”,”হিমাচল প্রদেশ”,”আসাম”,”পশ্চিমবঙ্গ”]
},
{
“q”:”হোকেরা জলাভূমি কোথায় অবস্থিত?”,
“a”:”জম্মু ও কাশ্মীর”,
“o”:[“জম্মু ও কাশ্মীর”,”লাদাখ”,”পাঞ্জাব”,”কেরালা”]
},
{
“q”:”রেণুকা হ্রদ কোন রাজ্যে অবস্থিত?”,
“a”:”হিমাচল প্রদেশ”,
“o”:[“রাজস্থান”,”পাঞ্জাব”,”হিমাচল প্রদেশ”,”ওড়িশা”]
},
{
“q”:”রুদ্রসাগর জলাভূমি কোন রাজ্যে অবস্থিত?”,
“a”:”ত্রিপুরা”,
“o”:[“মণিপুর”,”ত্রিপুরা”,”আসাম”,”পশ্চিমবঙ্গ”]
},
{
“q”:”সুরিনসার-মানসার হ্রদ কোথায় অবস্থিত?”,
“a”:”জম্মু ও কাশ্মীর”,
“o”:[“কেরালা”,”জম্মু ও কাশ্মীর”,”লাদাখ”,”হিমাচল প্রদেশ”]
},
{
“q”:”ঊর্ধ্ব গঙ্গা নদী কোন রাজ্যে অবস্থিত?”,
“a”:”উত্তরপ্রদেশ”,
“o”:[“পাঞ্জাব”,”উত্তরপ্রদেশ”,”আসাম”,”ওড়িশা”]
}
];

let index = 0;
let score = 0;
let timeLeft = 600;
let timer;

function loadQuestion(){
let q = quizData[index];
document.getElementById(“questionBox”).innerHTML = q.q;

let optionsHTML = “”;
q.o.forEach(opt=>{
optionsHTML += `${opt}`;
});

document.getElementById(“optionsBox”).innerHTML = optionsHTML;

document.getElementById(“progress”).style.width = ((index/quizData.length)*100)+”%”;
}

function selectAnswer(btn, selected){
let correct = quizData[index].a;
let options = document.querySelectorAll(“.option”);

options.forEach(o=>{
o.disabled = true;
if(o.innerText === correct){
o.classList.add(“correct”);
}
});

if(selected === correct){
score++;
document.getElementById(“score”).innerText = score;
} else {
btn.classList.add(“wrong”);
}
}

function nextQuestion(){
index++;
if(index {
timeLeft–;
document.getElementById(“time”).innerText = timeLeft;

if(timeLeft <= 0){
endQuiz();
}
},1000);
}

function endQuiz(){
clearInterval(timer);
document.getElementById("quizApp").innerHTML = `

`;
}

loadQuestion();
startTimer();