तोडणी ऑनलाईन
टेस्ट |
सातवी मराठी टेस्ट

 तोडणी स्वाध्याय प्रश्न उत्तरे | तोडणी स्वाध्याय इयत्ता सातवी | इयत्ता सातवी मराठी स्वाध्याय

नमस्ते विद्यार्थी मित्रांनो!

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

body {
font-family: Arial, sans-serif;
}

.quiz-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}

.question {
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
padding: 5px;
background-color: #e6f7ff; /* Light blue background for question */
border-radius: 3px;
}

.option {
margin: 5px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.1s;
}

.option:not(.correct):not(.wrong):hover {
background-color: #f0f0f0;
}

/* .selected is not strictly needed since we use correct/wrong */

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

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

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

.progress-container {
margin-top: 10px;
width: 100%;
height: 20px;
background-color: #ccc;
border-radius: 5px;
overflow: hidden;
position: relative;
}

.progress-bar {
width: 0;
height: 100%;
background-color: #2196F3; /* Blue */
transition: width 0.3s ease-in-out;
}

.percentage {
position: absolute;
top: 0;
right: 0;
padding: 0 5px;
background-color: #007acc;
color: white;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

.report-card {
margin-top: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f0f0f0;
text-align: center;
}

.report-card h2 {
font-size: 24px;
margin: 0px !important;
margin-bottom: 10px !important;
color: #ffffff;
background: #4d90fe;
padding: 5px;
border-radius: 3px 3px 0 0;
}

.report-card p {
background: #ffffff;
padding: 5px;
margin: 0px !important;
margin-bottom: 8px !important;
border-radius: 3px;
border: 1px solid #eee;
}

.message {
font-size: 18px;
font-weight: bold;
color: #007acc;
margin-top: 10px;
}

#resetButton {
background-color: #2196F3; /* Blue */
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
}

#resetButton:hover {
background-color: #0b7dda;
}

const options = document.querySelectorAll(‘.option’);
const progressBar = document.getElementById(‘progressBar’);
const percentage = document.querySelector(‘.percentage’);
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 = 20; // Changed to 20
const attemptedQuestions = new Set(); // To track attempted questions

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; // Do nothing if already answered
}

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’;
}

// Update report card
attemptedCount.textContent = totalQuestionsAttempted;
correctCount.textContent = correctAnswers;
wrongCount.textContent = totalQuestionsAttempted – correctAnswers;

// Update progress bar and percentage
const progress = (totalQuestionsAttempted / totalQuestions) * 100;
progressBar.style.width = progress + ‘%’;
percentage.textContent = progress.toFixed(0) + ‘%’;

// 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!”;
}
message.textContent = resultMessage;
}
});
});

// Reset button functionality
resetButton.addEventListener(‘click’, () => {
options.forEach(option => {
option.classList.remove(‘selected’, ‘correct’, ‘wrong’);
});
const explanations = document.querySelectorAll(‘.explanation’);
explanations.forEach(explanation => {
explanation.style.display = ‘none’;
});
totalQuestionsAttempted = 0;
correctAnswers = 0;
attemptedQuestions.clear();
attemptedCount.textContent = 0;
correctCount.textContent = 0;
wrongCount.textContent = 0;
progressBar.style.width = ‘0%’;
percentage.textContent = ‘0%’;
message.textContent = ‘–‘;
});