কোচিং ফ্ল্যাশকার্ড – ১৮টি গুরুত্বপূর্ণ প্রশ্ন
@import url(‘https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;600;700&display=swap’);
body {
font-family: ‘Hind Siliguri’, sans-serif;
background-color: #f3f4f6;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.flashcard-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
cursor: pointer;
}
.flashcard.flipped .flashcard-inner {
transform: rotateY(180deg);
}
.flashcard-front, .flashcard-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.flashcard-back {
transform: rotateY(180deg);
background-color: #ffffff;
border: 2px solid #3b82f6;
}
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #cbd5e1;
border-radius: 10px;
}
কার্ড: 1 / 18
উত্তরের জন্য কার্ডে ক্লিক করুন
আপনার ফলাফল
মোট স্কোর: 0 / 18
const quizData = [
{ q: “কাতারের রাজধানী কী?”, a: “দোহা” },
{ q: “সি জিনপিং কোন উদ্যোগের পরিকল্পনাকারী?”, a: “BRI” },
{ q: “পৃথিবীর সবচেয়ে বড় পার্লামেন্টের সদস্য সংখ্যা কত?”, a: “২৯৮০ জন” },
{ q: “ওমান কোন ভৌগোলিক এলাকায় অবস্থিত?”, a: “মধ্যপ্রাচ্য” },
{ q: “১৯৮১-২০০৩ সাল পর্যন্ত মালয়েশিয়ায় কে একটানা ক্ষমতায় ছিলেন?”, a: “মাহাতির মোহাম্মদ” },
{ q: “দালাইলামা শব্দের অর্থ কী?”, a: “মহাসাগর” },
{ q: “Debt Trap Diplomacy-এর বাংলা কী?”, a: “ঋণ ফাঁদ কূটনীতি” },
{ q: “ফোর টাইগারসের অন্তর্ভুক্ত দেশ/অঞ্চল কী কী?”, a: “সিঙ্গাপুর, তাইওয়ান, দক্ষিণ কোরিয়া ও হংকং” },
{ q: “Near East-এর অন্তর্ভুক্ত পাঁচটি দেশ কী কী?”, a: “তুরস্ক, সিরিয়া, লেবানন, ইসরাইল ও ফিলিস্তিন” },
{ q: “চীনের মুদ্রা ইউয়েন-এটি কোন দেশের মুদ্রা?”, a: “চীন” },
{ q: “মধ্য এশিয়ার কোন দেশটি ‘-স্তান’ দিয়ে শেষ হয় না?”, a: “আজারবাইজান” },
{ q: “চীনের String of Pearls কৌশলের সঙ্গে মিয়ানমারের কোন বন্দরের নাম জড়িত?”, a: “সিটওয়ে/কিয়াউকপিউ” },
{ q: “String of Pearls কোন অঞ্চলে চীনের প্রভাব বিস্তারের কৌশল?”, a: “ভারত মহাসাগরীয় অঞ্চলে” },
{ q: “BRI কত সালে পরিকল্পনা করা হয়?”, a: “২০১৩ সালে” },
{ q: “পূর্ব চীন সাগরে পর্তুগিজ উপনিবেশ কোনটি ছিল?”, a: “ম্যাকাও” },
{ q: “গোলান মালভূমি কোথায় অবস্থিত?”, a: “সিরিয়ায়” },
{ q: “বাংলাদেশ নৌবাহিনীর চীন থেকে ক্রয়কৃত দুটি ডুবোজাহাজের নাম কী?”, a: “BNS নবযাত্রা ও BNS জয়যাত্রা” },
{ q: “পূর্ব তিমুরের রাজধানী কী?”, a: “দিলি” }
];
let currentQuestions = [];
let currentIndex = 0;
let results = [];
function shuffle(array) {
let cur = array.length, ran;
while (cur != 0) {
ran = Math.floor(Math.random() * cur);
cur–;
[array[cur], array[ran]] = [array[ran], array[cur]];
}
return array;
}
function startQuiz() {
const isShuffle = document.getElementById(‘shuffle-opt’).checked;
currentQuestions = isShuffle ? shuffle([…quizData]) : […quizData];
currentIndex = 0;
results = [];
document.getElementById(‘total-card-num’).innerText = currentQuestions.length;
document.getElementById(‘result-total-num’).innerText = currentQuestions.length;
document.getElementById(‘start-page’).classList.add(‘hidden’);
document.getElementById(‘result-page’).classList.add(‘hidden’);
document.getElementById(‘quiz-page’).classList.remove(‘hidden’);
showCard();
}
function showCard() {
if (currentIndex >= currentQuestions.length) {
showResult();
return;
}
const card = document.getElementById(‘card-container’);
card.classList.remove(‘flipped’);
setTimeout(() => {
document.getElementById(‘current-card-num’).innerText = currentIndex + 1;
document.getElementById(‘question-text’).innerText = currentQuestions[currentIndex].q;
document.getElementById(‘answer-text’).innerText = currentQuestions[currentIndex].a;
}, 50);
}
function recordResponse(remembered) {
results.push({
q: currentQuestions[currentIndex].q,
a: currentQuestions[currentIndex].a,
success: remembered
});
currentIndex++;
const card = document.getElementById(‘card-container’);
card.classList.add(‘animate__animated’, remembered ? ‘animate__fadeOutRight’ : ‘animate__fadeOutLeft’);
setTimeout(() => {
card.classList.remove(‘animate__animated’, ‘animate__fadeOutRight’, ‘animate__fadeOutLeft’);
card.classList.remove(‘flipped’);
showCard();
}, 400);
}
function showResult() {
document.getElementById(‘quiz-page’).classList.add(‘hidden’);
document.getElementById(‘result-page’).classList.remove(‘hidden’);
const total = currentQuestions.length;
const score = results.filter(r => r.success).length;
document.getElementById(‘final-score’).innerText = score;
const feedbackText = document.getElementById(‘feedback-text’);
const feedbackBox = document.getElementById(‘feedback-container’);
feedbackBox.className = “my-6 p-4 rounded-lg animate__animated animate__bounceIn border-4”;
if (score === total) {
feedbackText.innerText = “প্রস্তুতি খুব ভালো! অভিনন্দন!”;
feedbackText.style.color = “#16a34a”;
feedbackBox.classList.add(‘border-green-500’, ‘bg-green-50’);
} else if (score >= (total * 0.72)) {
feedbackText.innerText = “প্রস্তুতি ভালো কিন্তু আরও ভালো করতে হবে”;
feedbackText.style.color = “#ca8a04”;
feedbackBox.classList.add(‘border-yellow-500’, ‘bg-yellow-50’);
} else if (score >= (total * 0.4)) {
feedbackText.innerText = “প্রস্তুতি সাধারণ, আরও পড়াশোনা করতে হবে”;
feedbackText.style.color = “#ca8a04”;
feedbackBox.classList.add(‘border-yellow-400’, ‘bg-yellow-50’);
} else {
feedbackText.innerText = “প্রস্তুতি খারাপ! আপনার পড়া ভালো হয় নি, আবার পড়ুন।”;
feedbackText.style.color = “#dc2626”;
feedbackBox.classList.add(‘border-red-500’, ‘bg-red-50’);
}
const list = document.getElementById(‘summary-list’);
list.innerHTML = “”;
results.forEach((item, index) => {
const div = document.createElement(‘div’);
div.className = `p-3 rounded-lg flex items-start gap-3 border ${item.success ? ‘bg-green-50 border-green-100’ : ‘bg-red-50 border-red-100’}`;
div.innerHTML = `
${item.success ? ‘✅’ : ‘❌’}
${index + 1}. ${item.q}
– ${item.a}
`;
list.appendChild(div);
});
}
function restartApp() {
document.getElementById(‘result-page’).classList.add(‘hidden’);
document.getElementById(‘start-page’).classList.remove(‘hidden’);
document.getElementById(‘shuffle-opt’).checked = false;
}
