इयत्ता सातवी मराठी ऑनलाईन टेस्ट  | 7th marathi mcq question

श्रावण
महिना म्हणजे निसर्गाचे नयनरम्य रूप ! या महिन्यात वातावरणात होणारे मनमोहक बदल, ऊन-पावसाचा लपंडाव आणि आकाशातील इंद्रधनुष्याचे लोभस रूप मनाला शांत आणि प्रफुल्लित
करते. तुम्ही नुकत्याच श्रावणमास या कवितेवर आधारित आम्ही घेऊन आलो आहोत एक खास बहुपर्यायी
प्रश्नमंजुषा (MCQ Test Series)! या चाचणीद्वारे तुम्ही या कवितेतील
बारकावे आणि कल्पना किती प्रभावीपणे आत्मसात केल्या आहेत, हे
तपासू शकता. चला तर मग सुरु करूया!

•  MCQ बालभारती मराठी
• Class 7 Balbharati Maharashtra Board Marathi Medium
• 7th marathi mcq question

 7th multiple choice questions | 7th marathi maharashtra board

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

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; // Updated to 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’;
});

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