थोरांची ओळख-डॉ. खानखोजे स्वाध्याय
प्रश्न उत्तरे | 10 वी च्या सर्व विषयांच्या प्रकरणनिहाय
ऑनलाइन टेस्ट | Iyatta satavi Marathi online
test

भारतीय
स्वातंत्र्यलढ्यात मोठे योगदान देणारे क्रांतिकारक आणि मेक्सिकन कृषी क्षेत्रात ‘जादूगार‘ म्हणून ओळखले जाणारे महान व्यक्तिमत्त्व,
डॉ. पांडुरंग खानखोजे यांच्या जीवनाचा आणि कार्याचा अभ्यास करणे हा
प्रत्येक विद्यार्थ्यासाठी प्रेरणादायी अनुभव आहे. ‘गदर
क्रांतीचे प्रणेते‘ ते आंतरराष्ट्रीय कृषितज्ज्ञ असा दुर्मिळ
प्रवास करणारे भाऊ, हे महाराष्ट्राचे एक अनमोल रत्न आहेत. थोरांची
ओळख-डॉ. खानखोजे या पथावर आधारित विशेष MCQ टेस्ट देऊया आणि आपला
अभ्यास अधिक पक्का करूया!

******************

body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
}

.quiz-container {
max-width: 800px;
margin: 20px auto;
padding: 30px;
border: 1px solid #ddd;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.quiz-container h1 {
color: #007acc;
text-align: center;
}

.question {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 15px;
margin-top: 25px;
color: #333;
border-bottom: 2px solid #007acc;
padding-bottom: 5px;
}

.option {
margin: 8px 0;
padding: 12px;
border: 1px solid #ccc;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
line-height: 1.4;
}

.option:not(.selected):hover {
background-color: #e6f0ff;
}

.selected {
background-color: #007acc;
color: white;
border-color: #007acc;
}

.correct {
background-color: #4CAF50 !important; /* Green */
color: white !important;
border-color: #4CAF50 !important;
}

.wrong {
background-color: #f44336 !important; /* Red */
color: white !important;
border-color: #f44336 !important;
}

.explanation {
margin-top: 10px;
padding: 10px;
border: 1px solid #b3e0b5;
background-color: #e8f5e9;
color: #388e3c;
border-radius: 5px;
display: none;
font-style: italic;
font-size: 0.9em;
}

.progress-container {
margin-bottom: 20px;
width: 100%;
height: 25px;
background-color: #e0e0e0;
border-radius: 12px;
overflow: hidden;
position: relative;
}

.progress-bar {
width: 0;
height: 100%;
background-color: #007acc;
transition: width 0.4s ease-in-out;
border-radius: 12px 0 0 12px;
}

.percentage {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
padding: 0 10px;
color: white;
font-size: 14px;
line-height: 25px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.report-card {
margin-top: 30px;
padding: 20px;
border: 2px dashed #007acc;
border-radius: 10px;
background-color: #f9f9ff;
text-align: center;
}

.report-card h2 {
font-size: 26px;
margin: 0 0 15px 0 !important;
color: #ffffff;
background: #007acc;
padding: 10px;
border-radius: 8px;
}

.report-card p {
background: #e6f0ff;
padding: 8px;
margin: 0 0 8px 0 !important;
border-radius: 5px;
font-size: 1.05em;
}

.message {
font-size: 18px;
font-weight: bold;
color: #388e3c;
margin-top: 15px;
padding: 10px;
background-color: #dcedc8;
border-radius: 5px;
}

#resetButton {
background-color: #f44336;
color: white;
padding: 12px 25px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
transition: background-color 0.2s;
}

#resetButton:hover {
background-color: #d32f2f;
}

const options = document.querySelectorAll(‘.option’);
const progressBar = document.getElementById(‘progressBar’);
const progressPercentage = document.getElementById(‘progressPercentage’);
const attemptedCount = document.getElementById(‘attemptedCount’);
const correctCount = document.getElementById(‘correctCount’);
const wrongCount = document.getElementById(‘wrongCount’);
const message = document.getElementById(‘message’);
const resetButton = document.getElementById(‘resetButton’);

let totalQuestionsAttempted = 0;
let correctAnswers = 0;
const totalQuestions = 10;
const attemptedQuestions = new Set();

options.forEach(option => {
option.addEventListener(‘click’, () => {
const questionId = option.getAttribute(‘data-question’);

// Check if this question has already been answered
if (attemptedQuestions.has(questionId)) {
return;
}

attemptedQuestions.add(questionId);
totalQuestionsAttempted++;

const isCorrect = option.getAttribute(‘data-correct’) === ‘true’;

if (isCorrect) {
correctAnswers++;
option.classList.add(‘correct’);
} else {
option.classList.add(‘wrong’);
// Highlight the correct answer
const correctOption = document.querySelector(`.option[data-question=”${questionId}”][data-correct=”true”]`);
correctOption.classList.add(‘correct’);
}

// Show explanation
const explanation = document.querySelector(`.explanation[data-question=”${questionId}”]`);
if (explanation) {
explanation.style.display = ‘block’;
}

// Disable all options for the current question
document.querySelectorAll(`.option[data-question=”${questionId}”]`).forEach(opt => opt.style.pointerEvents = ‘none’);

// Update report card
attemptedCount.textContent = `${totalQuestionsAttempted}/${totalQuestions}`;
correctCount.textContent = correctAnswers;
wrongCount.textContent = totalQuestionsAttempted – correctAnswers;

// Update progress bar and percentage
const progress = (totalQuestionsAttempted / totalQuestions) * 100;
progressBar.style.width = progress + ‘%’;
progressPercentage.textContent = progress.toFixed(0) + ‘%’;
if(progress > 0) progressBar.style.backgroundColor = ‘#007acc’;

// Update the message when all questions are answered
if (totalQuestionsAttempted === totalQuestions) {
if (correctAnswers === totalQuestions) {
message.textContent = “Congratulations! You got all the answers correct!”;
} else if (correctAnswers >= 7) {
message.textContent = “Great job! You’re doing well!”;
} else {
message.textContent = “Keep practicing. You can improve!”;
}
}
});
});

// Reset button functionality
resetButton.addEventListener(‘click’, () => {
options.forEach(option => {
option.classList.remove(‘selected’, ‘correct’, ‘wrong’);
option.style.pointerEvents = ‘auto’; // Re-enable clicks
});
const explanations = document.querySelectorAll(‘.explanation’);
explanations.forEach(explanation => {
explanation.style.display = ‘none’;
});
totalQuestionsAttempted = 0;
correctAnswers = 0;
attemptedQuestions.clear();
attemptedCount.textContent = `0/${totalQuestions}`;
correctCount.textContent = 0;
wrongCount.textContent = 0;
progressBar.style.width = ‘0%’;
progressBar.style.backgroundColor = ‘#007acc’;
progressPercentage.textContent = ‘0%’;
message.textContent = ‘–‘;
message.style.backgroundColor = ‘#dcedc8’;
message.style.color = ‘#388e3c’;
});

*********************