tag:blogger.com,1999:blog-87601740417289926282026-10-17T06:50:32.685+05:30HOMEWORK गृहपाठ LEARNING EDUCATION SWADHYAY ONLINE TEST STUDENTS FRIENDLY CONTAIN गृहपाठ Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.comBlogger832125tag:blogger.com,1999:blog-8760174041728992628.post-20657286702100141472026-10-17T06:50:32.684+05:302026-10-17T06:50:32.685+05:30इयत्ता चौथी -शिष्यवृत्ती परीक्षा , विषय: इंग्रजी (Idioms and Comparisons) शिष्यवृत्ती सराव चाचणी<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc5S2CQieTCvDc2B07RoS2D7sNGMuV7T7DsjdDoPPf7Slj_wQ/viewform?embedded=true" width="640" height="900" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-17707203178409678122026-10-16T05:46:06.117+05:302026-10-16T05:46:06.117+05:30 इयत्ता ४ थी, शिष्यवृत्ती परीक्षा , विषय: इंग्रजी (Body Parts, Birds, Animals & Plants) सराव चाचणी<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScqI5J3M-bnqfHIAHUFndC8cPTsAXejl3fXiK-rXnej2Hg_5w/viewform?embedded=true" width="640" height="900" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-68311757508420653422026-10-14T08:21:50.546+05:302026-10-14T08:21:50.547+05:30 इयत्ता ४ थी शिष्यवृत्ती परीक्षा , विषय: प्रथम भाषा (मराठी) - नाम <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf2JELLAwfx9DOCO_tR2bLCp6m5PvPgIPBuhRw8NbDXvTET6A/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-7458611414881639542026-10-09T08:41:50.221+05:302026-10-09T08:41:50.221+05:30इयत्ता ४ थी शिष्यवृत्ती परीक्षा, विषय: मराठी घटक: अक्षर जुळवून अर्थपूर्ण शब्द तयार करणे<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSehijq8qrDuKx1eIaado0tL-621gk-25xc--Lxv0EUhEgdiOw/viewform?embedded=true" width="640" height="900" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-18453080529905924532026-10-04T07:44:21.711+05:302026-10-04T07:44:21.712+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा,गणित -चित्ररूप माहितीचे आकलन प्रश्न<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfOLV2hFDL4QHnX7nZNRj3n9TYOOsw9Uvc9NAOkklDQFa5lnQ/viewform?embedded=true" width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-74015918072033171172026-10-02T11:59:37.452+05:302026-10-07T01:10:32.231+05:30इयत्ता ४ थी शिष्यवृत्ती परीक्षा, विषय: गणित घटक: त्रिकोणी व चौरस संख्या<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe1moPPveIU47ZR6FOmlvPX69wY4TVU5tAdSrxrIKayQ9VkWQ/viewform?embedded=true" width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-47890376540256361782026-10-01T06:49:02.227+05:302026-10-01T07:13:16.348+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, बुद्धीमत्ता चाचणी , विविध आकृतीवरील 2019-2020 मागील वर्षात आलेले सर्व प्रकारचे प्रश्न <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfwBvodcYC6uDG0_FWqbJWP1XqxQ9s3gxy-iUfvkKEDgDyULQ/viewform?embedded=true" width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-50882479838546054762026-09-30T06:28:41.062+05:302026-10-03T06:30:39.595+05:30इयत्ता - ४ थी , शिष्यवृत्ती परीक्षा , विषय - गणित , ९. इष्टिकाचिती व घन (कडा, शिरोबिंदू, पृष्ठे)<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>भूमिती विशेष ऑनलाईन सराव चाचणी</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
</style>
</head>
<body class="flex items-center justify-center p-3 sm:p-6">
<div class="w-full max-w-3xl glass-card rounded-3xl p-4 sm:p-8 relative overflow-hidden transition-all duration-300">
<!-- HEADER -->
<div class="flex justify-between items-center border-b pb-4 mb-6">
<div>
<h1 class="text-xl sm:text-2xl font-bold text-indigo-900">गणित: भूमिती विशेष ऑनलाईन चाचणी</h1>
<p class="text-xs sm:text-sm text-gray-500">एकूण प्रश्न: ५० | गुण: १०० | वेळ: ९० मिनिटे</p>
</div>
<!-- TIMER BADGE -->
<div id="timerDisplay" class="hidden bg-indigo-100 text-indigo-800 font-bold px-4 py-2 rounded-xl text-sm sm:text-base flex items-center gap-2 border border-indigo-200">
<i class="fa-solid fa-clock text-indigo-600"></i>
<span id="timeLeft">90:00</span>
</div>
</div>
<!-- STUDENT INFO FORM (STEP 1) -->
<div id="studentFormSection" class="space-y-6">
<div class="text-center py-2">
<div class="w-20 h-20 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center mx-auto mb-3 text-3xl">
<i class="fa-solid fa-user-graduate"></i>
</div>
<h2 class="text-xl font-semibold text-gray-800">विद्यार्थ्याची माहिती भरा</h2>
<p class="text-gray-500 text-sm">चाचणी सुरू करण्यासाठी खालील माहिती भरणे आवश्यक आहे.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">विद्यार्थ्याचे पूर्ण नाव (Full Name):</label>
<input type="text" id="studentName" placeholder="उदा. राहुल सचिन पाटील" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">शाळेचे नाव (School Name):</label>
<input type="text" id="schoolName" placeholder="ZPPS.." class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
</div>
<button onclick="startQuiz()" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold py-3.5 rounded-xl shadow-lg hover:opacity-95 transition transform active:scale-95">
चाचणी सुरू करा (Start Quiz) <i class="fa-solid fa-arrow-right ml-2"></i>
</button>
</div>
<!-- QUIZ SECTION (STEP 2) -->
<div id="quizSection" class="hidden space-y-6">
<!-- TOP PROGRESS BAR -->
<div class="space-y-2">
<div class="flex justify-between items-center text-xs sm:text-sm font-medium text-gray-600">
<span>प्रश्न: <strong id="currentQuestionNum" class="text-indigo-600 text-base">1</strong> / 50</span>
<span>प्रगती: <strong id="progressPercent">0%</strong></span>
</div>
<div class="w-full bg-gray-200 h-2.5 rounded-full overflow-hidden">
<div id="progressBar" class="bg-indigo-600 h-2.5 transition-all duration-300 w-0"></div>
</div>
</div>
<!-- CATEGORY BADGE -->
<div id="categoryBadge" class="inline-block bg-indigo-100 text-indigo-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
Category
</div>
<!-- QUESTION BOX -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4 sm:p-6 space-y-3">
<h3 id="questionTextMar" class="text-base sm:text-lg font-semibold text-gray-800 leading-relaxed"></h3>
</div>
<!-- OPTIONS -->
<div id="optionsContainer" class="space-y-3"></div>
<!-- NAV BUTTONS -->
<div class="flex justify-between items-center pt-4 border-t border-gray-100">
<button id="prevBtn" onclick="prevQuestion()" class="px-5 py-2.5 border border-gray-300 text-gray-600 rounded-xl font-medium hover:bg-gray-100 transition disabled:opacity-50">
<i class="fa-solid fa-chevron-left mr-2"></i> मागचा
</button>
<button id="nextBtn" onclick="nextQuestion()" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-medium transition shadow-md">
पुढचा <i class="fa-solid fa-chevron-right ml-2"></i>
</button>
<button id="submitBtn" onclick="submitQuiz()" class="hidden px-6 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-medium transition shadow-md">
सबमिट करा <i class="fa-solid fa-check ml-2"></i>
</button>
</div>
</div>
<!-- RESULT SECTION WITH ANSWER REVIEW (STEP 3) -->
<div id="resultSection" class="hidden py-6 space-y-6">
<div class="text-center space-y-3">
<div class="w-20 h-20 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-3xl shadow-inner">
<i class="fa-solid fa-trophy"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">अभिनंदन! चाचणी पूर्ण झाली.</h2>
</div>
<div class="bg-gray-50 rounded-2xl p-5 max-w-md mx-auto border space-y-2 text-sm">
<div class="flex justify-between text-gray-700">
<span>विद्यार्थ्याचे नाव:</span>
<strong id="resStudentName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>शाळेचे नाव:</span>
<strong id="resSchoolName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>एकूण प्राप्त गुण:</span>
<strong class="text-indigo-600 text-base"><span id="resScore">0</span> / 100</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>टक्केवारी:</span>
<strong id="resPercentage" class="text-emerald-600">0%</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>घेतलेला वेळ:</span>
<strong id="resTimeTaken" class="text-purple-600">00:00</strong>
</div>
</div>
<div id="syncStatus" class="text-center text-xs font-medium text-gray-500 animate-pulse">
Google Sheet मध्ये डेटा अपडेट केला जात आहे...
</div>
<!-- ANSWERS REVIEW BOX -->
<div class="border-t pt-4">
<h3 class="text-lg font-bold text-gray-800 mb-4 flex items-center gap-2">
<i class="fa-solid fa-list-check text-indigo-600"></i> उत्तरांचे विश्लेषण (Review Answers):
</h3>
<div id="reviewContainer" class="space-y-4 max-h-96 overflow-y-auto pr-2"></div>
</div>
<button onclick="location.reload()" class="w-full bg-gray-800 text-white py-3 rounded-xl font-medium hover:bg-gray-900 transition">
पुन्हा चाचणी द्या (Restart)
</button>
</div>
</div>
<script>
// GOOGLE SHEET WEB APP URL (दुरुस्त केली आहे)
const scriptUrl = "https://script.google.com/macros/s/AKfycbyfu_FPqCc0j74WBXS4wqUvgzMGu8-Ip3Eb0SVD_jZALMmj8-DMH4ZstR85pK2XS7tl2Q/exec";
function decodeHtml(html) {
const txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
// 50 QUESTIONS DATA
const questionsData = [
// १ ते २५: इष्टिकाचिती व घन मूलभूत गुणधर्म (कडा, शिरोबिंदू, पृष्ठे)
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीला (Cuboid - उदा. वीट) एकूण किती पृष्ठे (Faces) असतात?", opts: ["४", "६", "८", "१२"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीला एकूण किती कडा (Edges) असतात?", opts: ["६", "८", "१०", "१२"], ans: 3 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीला एकूण किती शिरोबिंदू (Vertices) असतात?", opts: ["६", "८", "१२", "१६"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाला (Cube - उदा. फासा) एकूण किती पृष्ठे असतात?", opts: ["४", "६", "८", "१२"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाला एकूण किती कडा असतात?", opts: ["६", "८", "१०", "१२"], ans: 3 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाला एकूण किती शिरोबिंदू असतात?", opts: ["४", "६", "८", "१२"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीची सर्व पृष्ठे कोणत्या आकाराची असतात?", opts: ["आयताकृती", "चौरसाकृती", "वर्तुळाकार", "त्रिकोणी"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाची सर्व ६ पृष्ठे कोणत्या आकाराची असतात?", opts: ["आयताकृती", "चौरसाकृती", "वर्तुळाकार", "विषम भुज"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "खालीलपैकी कोणत्या वस्तूचा आकार इष्टिकाचितीसारखा असतो?", opts: ["चेंडू", "काडीपेटी (माचिस)", "आईस्क्रीमचा कोन", "पाण्याची पाईप"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "ल्युडो खेळातील फासा (Dice) खालीलपैकी कोणत्या आकाराचा असतो?", opts: ["इष्टिकाचिती", "घन", "दंडगोल", "गोल"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचिती व घन यांच्या कडांच्या संख्येतील फरक किती असतो?", opts: ["० (शून्य)", "२", "४", "६"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचिती आणि घन यांच्या शिरोबिंदूंची बेरीज किती होते?", opts: ["१२", "१६", "२०", "२४"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "एका घनाचे सर्व पृष्ठभाग एकमेकांशी कसे असतात?", opts: ["असमान", "समान (क्षेत्रफळ सारखे)", "निम्मे", "दुप्पट"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या समोरासमोरील पृष्ठांचे आकार आणि क्षेत्रफळ कसे असते?", opts: ["समान", "असमान", "तिप्पट", "निम्मे"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "बांधकामाची वीट ही कोणत्या त्रिमितीय (3D) आकाराचे उदाहरण आहे?", opts: ["घन", "इष्टिकाचिती", "दंडगोल", "शंकू"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "रुबिक्स क्यूब (Rubik's Cube) हा कोणत्या आकाराचे उदाहरण आहे?", opts: ["इष्टिकाचिती", "घन", "गोलाकार", "शंकू"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "एका इष्टिकाचितीच्या पृष्ठांची संख्या व शिरोबिंदूंची संख्या यांची बेरीज किती येईल?", opts: ["१२", "१४", "१८", "२०"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "एका घनाचे एकूण पृष्ठे (F), शिरोबिंदू (V) आणि कडा (E) यांच्यात F + V - E चे मूल्य किती असते?", opts: ["१", "२", "३", "४"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घन बनवण्यासाठी कमीत कमी किती चौरसाकृती पृष्ठांची घडणी (Net) लागते?", opts: ["४", "५", "६", "७"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "उघडी पेटी (Open Box) बनवण्यासाठी किती पृष्ठांची आवश्यकता असते?", opts: ["४", "५", "६", "८"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीला एकूण किती जोडणाऱ्या कडांच्या जोड्या उभ्या व आडव्या असतात?", opts: ["८", "१०", "१२", "१४"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "कंपास पेटी (Geometry Box) सामान्यतः कोणत्या आकाराची असते?", opts: ["घन", "इष्टिकाचिती", "दंडगोल", "शंकू"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाला एकूण किती बाजू (कडा) असतात?", opts: ["६", "८", "१२", "१६"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या एका शिरोबिंदूवर किती कडा एकत्र येतात?", opts: ["२", "३", "४", "५"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या एका शिरोबिंदूवर किती पृष्ठे एकत्र येतात?", opts: ["२", "३", "४", "६"], ans: 1 },
// २६ ते ५०: प्रगत व उपयोजनात्मक प्रश्न
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या पृष्ठांची संख्या ही तिच्या शिरोबिंदूंच्या संख्येपेक्षा कितीने कमी असते?", opts: ["१ ने", "२ ने", "३ ने", "४ ने"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या कडांची संख्या ही त्याच्या पृष्ठांच्या संख्येच्या किती पट असते?", opts: ["दुप्पट", "तिप्पट", "चारपट", "निम्मी"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "६ समान चौरस जोडल्यास कोणती आकृती तयार होते?", opts: ["आयताचिती", "घन", "शंकू", "दंडगोल"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "६ आयताकृती पृष्ठे जोडल्यास कोणती त्रिमितीय आकृती बनते?", opts: ["घन", "इष्टिकाचिती", "गोलाकार", "शंकू"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "खालीलपैकी कोणत्या आकृतीला ८ शिरोबिंदू असतात?", opts: ["फक्त घन", "फक्त इष्टिकाचिती", "घन आणि इष्टिकाचिती दोन्ही", "दंडगोल"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "घन आणि इष्टिकाचिती यांच्या कडांमधील फरक काय?", opts: ["घनाच्या सर्व कडा समान लांबीच्या असतात", "इष्टिकाचितीच्या कडा समान नसतात", "दोन्हींच्या कडांची संख्या १२ असते", "वरील सर्व बरोबर"], ans: 3 },
{ cat: "इष्टिकाचिती व घन", mar: "पुस्तकाचा आकार खालीलपैकी कोणत्या प्रकारात मोडतो?", opts: ["घन", "इष्टिकाचिती", "दंडगोल", "गोल"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "चौकोनी खोक्याच्या सर्व ६ बाजू आयताकृती आहेत, तर ते खोके काय आहे?", opts: ["घन", "इष्टिकाचिती", "शंकू", "दंडगोल"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "जर एका खोक्याला ५ पृष्ठे असतील, तर ते खोके कसे असेल?", opts: ["बंद खोके", "उघडे खोके (Open Box)", "गोलाकार खोके", "शंकू खोके"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या एका पृष्ठाला किती कडा असतात?", opts: ["२", "३", "४", "६"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या एका पृष्ठाला किती शिरोबिंदू असतात?", opts: ["२", "३", "४", "८"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या सर्व पृष्ठांचे एकूण क्षेत्रफळ काढण्यासाठी किती चौरसांचे क्षेत्रफळ जोडावे लागेल?", opts: ["४", "५", "६", "८"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या १२ कडांपैकी समान लांबीच्या कडांचे किती संच (Groups of 4) असतात?", opts: ["२", "३", "४", "६"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाचे सर्व १२ कडा जर ३ सेंमी लांबीचे असतील, तर सर्व कडांची एकूण लांबी किती होईल?", opts: ["२४ सेंमी", "३६ सेंमी", "४८ सेंमी", "१८ सेंमी"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीची लांबी ५ मी, रुंदी ४ मी आणि उंची ३ मी आहे, तर तिच्या चार उभ्या कडांची एकूण बेरीज किती होईल?", opts: ["१२ मी", "१६ मी", "२० मी", "६० मी"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "घन आकाराच्या डब्याला रंग देण्यासाठी एकूण किती पृष्ठभाग रंगवावे लागतील?", opts: ["४", "५", "६", "८"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीच्या एका कोपऱ्यावर (शिरोबिंदूवर) भेटणाऱ्या कडांमध्ये कोणता कोन असतो?", opts: ["लघुकोन", "काटकोन", "विशालकोन", "सरळकोन"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या सर्व कोपऱ्यांवर बनणारे सर्व कोन कोणत्या प्रकारचे असतात?", opts: ["काटकोन", "लघुकोन", "विशालकोन", "शून्यकोन"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "इष्टिकाचितीला 'समांतरभुज चिती' किंवा 'आयताचिती' असेही का म्हणतात?", opts: ["कारण तिचे पृष्ठभाग आयताकृती असतात", "कारण ती गोल असते", "कारण तिला कडा नसतात", "यांपैकी नाही"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "जर इष्टिकाचितीची लांबी, रुंदी आणि उंची समान झाली तर ती काय बनेल?", opts: ["शंकू", "दंडगोल", "घन", "गोल"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "दोन समान घन एकत्र जोडल्यास तयार होणारी नवी आकृती कोणती असेल?", opts: ["घन", "इष्टिकाचिती", "दंडगोल", "शंकू"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "एका इष्टिकाचितीच्या सर्व कडांची बेरीज जर ४८ सेंमी असेल व ती घन असेल, तर एका कडेची लांबी किती असेल?", opts: ["३ सेंमी", "४ सेंमी", "६ सेंमी", "८ सेंमी"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या एका पृष्ठाची परिमिती १६ सेंमी असल्यास, त्या घनाच्या एका कडेची लांबी किती?", opts: ["२ सेंमी", "४ सेंमी", "८ सेंमी", "१६ सेंमी"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "त्रिमितीय (3D) वस्तूंमध्ये इष्टिकाचितीला कोणत्या ३ बाबी असतात?", opts: ["लांबी, रुंदी व उंची", "फक्त लांबी व रुंदी", "फक्त त्रिज्या व व्यास", "फक्त परिमिती"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "घनाच्या कडा, शिरोबिंदू आणि पृष्ठे यांची एकूण बेरीज किती होते? (१२ + ८ + ६ = ?)", opts: ["२४", "२६", "२८", "३०"], ans: 1 }
];
let currentIndex = 0;
let userAnswers = new Array(questionsData.length).fill(null);
let studentInfo = { name: "", school: "" };
// TIMER: 90 Minutes
let totalTimeInSeconds = 90 * 60;
let timerInterval = null;
let timeTakenSeconds = 0;
function startQuiz() {
const name = document.getElementById("studentName").value.trim();
const school = document.getElementById("schoolName").value.trim();
if (!name || !school) {
alert("कृपया विद्यार्थ्यांचे नाव आणि शाळेचे नाव दोन्ही भरा!");
return;
}
studentInfo.name = name;
studentInfo.school = school;
document.getElementById("studentFormSection").classList.add("hidden");
document.getElementById("quizSection").classList.remove("hidden");
document.getElementById("timerDisplay").classList.remove("hidden");
startTimer();
renderQuestion();
}
function startTimer() {
updateTimerUI();
timerInterval = setInterval(() => {
totalTimeInSeconds--;
timeTakenSeconds++;
updateTimerUI();
if (totalTimeInSeconds <= 0) {
clearInterval(timerInterval);
alert("९० मिनिटांचा वेळ संपला आहे! तुमची चाचणी आपोआप सबमिट केली जात आहे.");
submitQuiz();
}
}, 1000);
}
function updateTimerUI() {
const minutes = Math.floor(totalTimeInSeconds / 60);
const seconds = totalTimeInSeconds % 60;
document.getElementById("timeLeft").innerText = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
}
function renderQuestion() {
const q = questionsData[currentIndex];
document.getElementById("currentQuestionNum").innerText = currentIndex + 1;
document.getElementById("categoryBadge").innerText = q.cat;
document.getElementById("questionTextMar").innerText = decodeHtml(q.mar);
const progress = ((currentIndex + 1) / questionsData.length) * 100;
document.getElementById("progressBar").style.width = `${progress}%`;
document.getElementById("progressPercent").innerText = `${Math.round(progress)}%`;
const optionsContainer = document.getElementById("optionsContainer");
optionsContainer.innerHTML = "";
q.opts.forEach((opt, idx) => {
const isSelected = userAnswers[currentIndex] === idx;
const optBtn = document.createElement("button");
optBtn.className = `w-full text-left p-4 rounded-xl border-2 transition-all flex items-center justify-between ${
isSelected
? "border-indigo-600 bg-indigo-50 text-indigo-900 font-semibold shadow-sm"
: "border-gray-200 hover:border-indigo-300 hover:bg-gray-50 text-gray-700"
}`;
optBtn.onclick = () => selectOption(idx);
optBtn.innerHTML = `
<span class="flex items-center">
<span class="w-7 h-7 rounded-full flex items-center justify-center border text-xs mr-3 ${
isSelected ? "bg-indigo-600 text-white border-indigo-600" : "border-gray-300 text-gray-500"
}">${String.fromCharCode(65 + idx)}</span>
${decodeHtml(opt)}
</span>
${isSelected ? '<i class="fa-solid fa-circle-check text-indigo-600"></i>' : ''}
`;
optionsContainer.appendChild(optBtn);
});
document.getElementById("prevBtn").disabled = currentIndex === 0;
if (currentIndex === questionsData.length - 1) {
document.getElementById("nextBtn").classList.add("hidden");
document.getElementById("submitBtn").classList.remove("hidden");
} else {
document.getElementById("nextBtn").classList.remove("hidden");
document.getElementById("submitBtn").classList.add("hidden");
}
}
function selectOption(index) {
userAnswers[currentIndex] = index;
renderQuestion();
}
function nextQuestion() {
if (currentIndex < questionsData.length - 1) {
currentIndex++;
renderQuestion();
}
}
function prevQuestion() {
if (currentIndex > 0) {
currentIndex--;
renderQuestion();
}
}
function submitQuiz() {
if (timerInterval) clearInterval(timerInterval);
let correctCount = 0;
userAnswers.forEach((ans, idx) => {
if (ans === questionsData[idx].ans) {
correctCount++;
}
});
// प्रत्येक प्रश्नाला २ गुण -> १०० पैकी गुण
const totalScore = correctCount * 2;
const percentage = Math.round((totalScore / 100) * 100);
const timeTakenMinutes = Math.floor(timeTakenSeconds / 60);
const timeTakenSecs = timeTakenSeconds % 60;
const formattedTimeTaken = `${String(timeTakenMinutes).padStart(2, '0')}:${String(timeTakenSecs).padStart(2, '0')}`;
document.getElementById("quizSection").classList.add("hidden");
document.getElementById("timerDisplay").classList.add("hidden");
document.getElementById("resultSection").classList.remove("hidden");
document.getElementById("resStudentName").innerText = studentInfo.name;
document.getElementById("resSchoolName").innerText = studentInfo.school;
document.getElementById("resScore").innerText = totalScore;
document.getElementById("resPercentage").innerText = `${percentage}%`;
document.getElementById("resTimeTaken").innerText = `${formattedTimeTaken} मि/से`;
// GENERATE ANSWER REVIEW
renderAnswerReview();
// Send Data to Google Sheet
sendDataToGoogleSheet(totalScore, percentage, formattedTimeTaken);
}
function renderAnswerReview() {
const reviewContainer = document.getElementById("reviewContainer");
reviewContainer.innerHTML = "";
questionsData.forEach((q, idx) => {
const userAns = userAnswers[idx];
const isCorrect = userAns === q.ans;
const reviewCard = document.createElement("div");
reviewCard.className = `p-4 rounded-xl border ${isCorrect ? 'bg-emerald-50 border-emerald-200' : 'bg-rose-50 border-rose-200'}`;
let userAnsText = userAns !== null ? q.opts[userAns] : "उत्तर दिले नाही";
let correctAnsText = q.opts[q.ans];
reviewCard.innerHTML = `
<div class="flex items-start gap-2">
<span class="text-base ${isCorrect ? 'text-emerald-600' : 'text-rose-600'} mt-0.5">
${isCorrect ? '<i class="fa-solid fa-circle-check"></i>' : '<i class="fa-solid fa-circle-xmark"></i>'}
</span>
<div class="space-y-1 text-sm">
<p class="font-semibold text-gray-800">${idx + 1}. ${q.mar}</p>
<p class="${isCorrect ? 'text-emerald-700 font-medium' : 'text-rose-700'}">
तुमचे उत्तर: <strong>${userAnsText}</strong> (${isCorrect ? '+२ गुण' : '० गुण'})
</p>
${!isCorrect ? `<p class="text-emerald-700 font-medium">योग्य उत्तर: <strong>${correctAnsText}</strong></p>` : ''}
</div>
</div>
`;
reviewContainer.appendChild(reviewCard);
});
}
function sendDataToGoogleSheet(score, percentage, timeTaken) {
const syncStatus = document.getElementById("syncStatus");
if (!scriptUrl) {
syncStatus.innerHTML = "<span class='text-amber-600'>⚠️ Google Sheet URL सेट केलेली नाही. गुण सेव्ह झाले नाहीत.</span>";
return;
}
const payload = {
name: studentInfo.name,
school: studentInfo.school,
score: score,
total: 100,
percentage: percentage + "%",
timeTaken: timeTaken,
date: new Date().toLocaleString("en-IN")
};
fetch(scriptUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(() => {
syncStatus.innerHTML = "<span class='text-emerald-600'>✅ तुमचे गुण Google Sheet मध्ये यशस्वीरीत्या सेव्ह झाले आहेत!</span>";
})
.catch((err) => {
syncStatus.innerHTML = "<span class='text-red-600'>❌ डेटा पाठवताना अडचण आली.</span>";
});
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-52031611692537539602026-09-29T06:02:42.128+05:302026-09-29T06:40:46.121+05:30इयत्ता - ४ थी , शिष्यवृत्ती परीक्षा , विषय - इंग्रजी , "Numerical Information" या घटकावर आधारित प्रश्न <!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>English: Numerical Information (50 Questions) Online Test</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
}
</style>
</head>
<body class="flex items-center justify-center p-3 sm:p-6">
<div class="w-full max-w-3xl glass-card rounded-3xl p-4 sm:p-8 relative overflow-hidden transition-all duration-300">
<!-- HEADER -->
<div class="flex justify-between items-center border-b pb-4 mb-6">
<div>
<h1 class="text-xl sm:text-2xl font-bold text-indigo-900">English: Numerical Information Special Test</h1>
<p class="text-xs sm:text-sm text-gray-500">एकूण प्रश्न: ५० | गुण: १०० | वेळ: ६० मिनिटे</p>
</div>
<!-- TIMER BADGE -->
<div id="timerDisplay" class="hidden bg-indigo-100 text-indigo-800 font-bold px-4 py-2 rounded-xl text-sm sm:text-base flex items-center gap-2 border border-indigo-200">
<i class="fa-solid fa-clock text-indigo-600"></i>
<span id="timeLeft">60:00</span>
</div>
</div>
<!-- STUDENT INFO FORM (STEP 1) -->
<div id="studentFormSection" class="space-y-6">
<div class="text-center py-2">
<div class="w-20 h-20 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center mx-auto mb-3 text-3xl">
<i class="fa-solid fa-user-graduate"></i>
</div>
<h2 class="text-xl font-semibold text-gray-800">विद्यार्थ्याची माहिती भरा</h2>
<p class="text-gray-500 text-sm">चाचणी सुरू करण्यासाठी खालील माहिती भरणे आवश्यक आहे.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">विद्यार्थ्याचे पूर्ण नाव (Student Full Name):</label>
<input type="text" id="studentName" placeholder="उदा. राहुल सचिन पाटील" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">शाळेचे नाव (School Name):</label>
<input type="text" id="schoolName" placeholder="उदा. जि. प. प्राथ. शाळा..." class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
</div>
<button onclick="startQuiz()" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold py-3.5 rounded-xl shadow-lg hover:opacity-95 transition transform active:scale-95">
चाचणी सुरू करा (Start Quiz) <i class="fa-solid fa-arrow-right ml-2"></i>
</button>
</div>
<!-- QUIZ SECTION (STEP 2) -->
<div id="quizSection" class="hidden space-y-6">
<!-- TOP PROGRESS BAR -->
<div class="space-y-2">
<div class="flex justify-between items-center text-xs sm:text-sm font-medium text-gray-600">
<span>प्रश्न: <strong id="currentQuestionNum" class="text-indigo-600 text-base">1</strong> / 50</span>
<span>प्रगती: <strong id="progressPercent">0%</strong></span>
</div>
<div class="w-full bg-gray-200 h-2.5 rounded-full overflow-hidden">
<div id="progressBar" class="bg-indigo-600 h-2.5 transition-all duration-300 w-0"></div>
</div>
</div>
<!-- CATEGORY BADGE -->
<div id="categoryBadge" class="inline-block bg-indigo-100 text-indigo-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
Category
</div>
<!-- QUESTION BOX -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4 sm:p-6 space-y-3">
<h3 id="questionTextMar" class="text-base sm:text-lg font-semibold text-gray-800 leading-relaxed"></h3>
</div>
<!-- OPTIONS -->
<div id="optionsContainer" class="space-y-3"></div>
<!-- NAV BUTTONS -->
<div class="flex justify-between items-center pt-4 border-t border-gray-100">
<button id="prevBtn" onclick="prevQuestion()" class="px-5 py-2.5 border border-gray-300 text-gray-600 rounded-xl font-medium hover:bg-gray-100 transition disabled:opacity-50">
<i class="fa-solid fa-chevron-left mr-2"></i> मागचा
</button>
<button id="nextBtn" onclick="nextQuestion()" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-medium transition shadow-md">
पुढचा <i class="fa-solid fa-chevron-right ml-2"></i>
</button>
<button id="submitBtn" onclick="submitQuiz()" class="hidden px-6 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-medium transition shadow-md">
सबमिट करा <i class="fa-solid fa-check ml-2"></i>
</button>
</div>
</div>
<!-- RESULT SECTION WITH ANSWER REVIEW (STEP 3) -->
<div id="resultSection" class="hidden py-6 space-y-6">
<div class="text-center space-y-3">
<div class="w-20 h-20 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-3xl shadow-inner">
<i class="fa-solid fa-trophy"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">अभिनंदन! चाचणी पूर्ण झाली.</h2>
</div>
<div class="bg-gray-50 rounded-2xl p-5 max-w-md mx-auto border space-y-2 text-sm">
<div class="flex justify-between text-gray-700">
<span>विद्यार्थ्याचे नाव:</span>
<strong id="resStudentName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>शाळेचे नाव:</span>
<strong id="resSchoolName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>एकूण प्राप्त गुण:</span>
<strong class="text-indigo-600 text-base"><span id="resScore">0</span> / १००</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>टक्केवारी:</span>
<strong id="resPercentage" class="text-emerald-600">0%</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>घेतलेला वेळ:</span>
<strong id="resTimeTaken" class="text-purple-600">00:00</strong>
</div>
</div>
<div id="syncStatus" class="text-center text-xs font-medium text-gray-500 animate-pulse">
Google Sheet मध्ये डेटा अपडेट केला जात आहे...
</div>
<!-- ANSWERS REVIEW BOX -->
<div class="border-t pt-4">
<h3 class="text-lg font-bold text-gray-800 mb-4 flex items-center gap-2">
<i class="fa-solid fa-list-check text-indigo-600"></i> उत्तरांचे विश्लेषण (Review Answers):
</h3>
<div id="reviewContainer" class="space-y-4 max-h-96 overflow-y-auto pr-2"></div>
</div>
<button onclick="location.reload()" class="w-full bg-gray-800 text-white py-3 rounded-xl font-medium hover:bg-gray-900 transition">
पुन्हा चाचणी द्या (Restart)
</button>
</div>
</div>
<script>
// तुमची Google Apps Script Web App URL येथे सेट करा
const scriptUrl = " https://script.google.com/macros/s/AKfycbxJSa3rb-kebDt-TFl1nXX1ehg8tdx6MSILLUfUR9UM-Vmhgh2wdBFPpMRkcWiuS_XvvQ/exec ";
const questionsData = [
// 1. Days of the week (1 to 12)
{ cat: "1. Days of the week", mar: "Which day comes between Tuesday and Thursday?", opts: ["Monday", "Wednesday", "Friday", "Sunday"], ans: 1 },
{ cat: "1. Days of the week", mar: "If today is Friday, what day was yesterday?", opts: ["Thursday", "Saturday", "Wednesday", "Sunday"], ans: 0 },
{ cat: "1. Days of the week", mar: "Which is the first day of the week according to the standard calendar?", opts: ["Monday", "Sunday", "Saturday", "Friday"], ans: 1 },
{ cat: "1. Days of the week", mar: "How many days are there in a week?", opts: ["5", "6", "7", "8"], ans: 2 },
{ cat: "1. Days of the week", mar: "Which day comes immediately after Saturday?", opts: ["Friday", "Sunday", "Monday", "Tuesday"], ans: 1 },
{ cat: "1. Days of the week", mar: "If tomorrow is Wednesday, what day is today?", opts: ["Monday", "Tuesday", "Thursday", "Friday"], ans: 1 },
{ cat: "1. Days of the week", mar: "Which day comes two days after Monday?", opts: ["Tuesday", "Wednesday", "Thursday", "Friday"], ans: 1 },
{ cat: "1. Days of the week", mar: "Which day is known as the last day of the working week?", opts: ["Thursday", "Friday", "Saturday", "Sunday"], ans: 1 },
{ cat: "1. Days of the week", mar: "How many letters are there in the word 'WEDNESDAY'?", opts: ["8", "9", "10", "7"], ans: 1 },
{ cat: "1. Days of the week", mar: "Which day comes between Friday and Sunday?", opts: ["Thursday", "Monday", "Saturday", "Tuesday"], ans: 2 },
{ cat: "1. Days of the week", mar: "If day before yesterday was Sunday, what day is today?", opts: ["Monday", "Tuesday", "Wednesday", "Thursday"], ans: 1 },
{ cat: "1. Days of the week", mar: "Which day starts with the letter 'F'?", opts: ["Thursday", "Friday", "Sunday", "Monday"], ans: 1 },
// 2. Months of the year (13 to 25)
{ cat: "2. Months of the year", mar: "Which month comes after July?", opts: ["June", "August", "September", "May"], ans: 1 },
{ cat: "2. Months of the year", mar: "How many months have 31 days in a year?", opts: ["5", "6", "7", "8"], ans: 2 },
{ cat: "2. Months of the year", mar: "Which is the ninth month of the year?", opts: ["August", "September", "October", "November"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which month usually has 28 or 29 days?", opts: ["January", "February", "March", "April"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which month comes just before December?", opts: ["October", "November", "January", "September"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which month comes between March and May?", opts: ["February", "April", "June", "July"], ans: 1 },
{ cat: "2. Months of the year", mar: "How many months are there in a year?", opts: ["10", "11", "12", "14"], ans: 2 },
{ cat: "2. Months of the year", mar: "In a leap year, February has ______ days.", opts: ["28", "29", "30", "31"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which is the first month of the year?", opts: ["December", "January", "March", "April"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which month has the shortest name in English?", opts: ["May", "June", "July", "August"], ans: 0 },
{ cat: "2. Months of the year", mar: "Which month comes immediately after October?", opts: ["September", "November", "December", "August"], ans: 1 },
{ cat: "2. Months of the year", mar: "How many months have exactly 30 days?", opts: ["3", "4", "5", "6"], ans: 1 },
{ cat: "2. Months of the year", mar: "Which is the sixth month of the year?", opts: ["May", "June", "July", "August"], ans: 1 },
// 3. Cardinal, Ordinal numbers (26 to 38)
{ cat: "3. Cardinal & Ordinal numbers", mar: "Choose the correct ordinal number for '12':", opts: ["Twelventh", "Twelfth", "Twelveth", "Twelth"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "In the word 'EXAMINATION', which letter is in the 5th position?", opts: ["I", "N", "A", "M"], ans: 0 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "What is the cardinal form of 'Twentieth'?", opts: ["2", "20", "200", "12"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "August is the ______ month of the year.", opts: ["7th", "8th", "9th", "6th"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "Choose the correct spelling of ordinal number for '3':", opts: ["Thirder", "Three", "Third", "Thirdly"], ans: 2 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "What is the ordinal number for '40'?", opts: ["Fourtyth", "Fortieth", "Fourtieth", "Forty"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "Which of the following is a Cardinal number?", opts: ["First", "Second", "Five", "Tenth"], ans: 2 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "Choose the ordinal representation for number '9':", opts: ["Nineth", "Ninth", "Nine", "Ninethly"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "What comes ordinal-wise after 'Fourteenth'?", opts: ["Thirteenth", "Fifteenth", "Sixteenth", "Fourtyth"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "In the English alphabet, 'E' is the ______ letter.", opts: ["4th", "5th", "6th", "7th"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "Choose the correct spelling of ordinal number for '5':", opts: ["Fiveth", "Fifth", "Fifteenth", "Fift"], ans: 1 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "What is the cardinal number for 'Ninety-ninth'?", opts: ["9", "19", "99", "90"], ans: 2 },
{ cat: "3. Cardinal & Ordinal numbers", mar: "Which short form represents 'Second'?", opts: ["2th", "2st", "2nd", "2rd"], ans: 2 },
// 4. Directions, Subdirections & Map reading (39 to 50)
{ cat: "4. Directions & Map reading", mar: "Which direction lies opposite to North?", opts: ["East", "West", "South", "North-East"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "Which subdirection lies between North and East?", opts: ["North-West", "South-East", "North-East", "South-West"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "The Sun rises in the ______.", opts: ["West", "East", "North", "South"], ans: 1 },
{ cat: "4. Directions & Map reading", mar: "Which subdirection is located between South and West?", opts: ["South-East", "South-West", "North-West", "North-East"], ans: 1 },
{ cat: "4. Directions & Map reading", mar: "On a standard map, top side always represents which direction?", opts: ["South", "East", "North", "West"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "If you face the rising sun, which direction is to your left side?", opts: ["East", "West", "North", "South"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "How many main directions and subdirections are there in total?", opts: ["4 main, 4 sub (Total 8)", "4 main, 2 sub (Total 6)", "2 main, 4 sub (Total 6)", "8 main, 4 sub (Total 12)"], ans: 0 },
{ cat: "4. Directions & Map reading", mar: "Which subdirection lies between West and North?", opts: ["North-East", "North-West", "South-West", "South-East"], ans: 1 },
{ cat: "4. Directions & Map reading", mar: "The Sun sets in the ______ direction.", opts: ["East", "North", "West", "South"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "Which direction is opposite to East?", opts: ["North", "South", "West", "South-East"], ans: 2 },
{ cat: "4. Directions & Map reading", mar: "Which subdirection lies between South and East?", opts: ["South-East", "South-West", "North-East", "North-West"], ans: 0 },
{ cat: "4. Directions & Map reading", mar: "On a map, the bottom side represents which direction?", opts: ["North", "East", "West", "South"], ans: 3 }
];
let currentIndex = 0;
let userAnswers = new Array(questionsData.length).fill(null);
let studentInfo = { name: "", school: "" };
let totalTimeInSeconds = 60 * 60; // 60 minutes
let timerInterval = null;
let timeTakenSeconds = 0;
function startQuiz() {
const name = document.getElementById("studentName").value.trim();
const school = document.getElementById("schoolName").value.trim();
if (!name || !school) {
alert("कृपया विद्यार्थ्यांचे नाव आणि शाळेचे नाव दोन्ही भरा!");
return;
}
studentInfo.name = name;
studentInfo.school = school;
document.getElementById("studentFormSection").classList.add("hidden");
document.getElementById("quizSection").classList.remove("hidden");
document.getElementById("timerDisplay").classList.remove("hidden");
startTimer();
renderQuestion();
}
function startTimer() {
updateTimerUI();
timerInterval = setInterval(() => {
totalTimeInSeconds--;
timeTakenSeconds++;
updateTimerUI();
if (totalTimeInSeconds <= 0) {
clearInterval(timerInterval);
alert("६० मिनिटांचा वेळ संपला आहे! तुमची चाचणी आपोआप सबमिट केली जात आहे.");
submitQuiz();
}
}, 1000);
}
function updateTimerUI() {
const minutes = Math.floor(totalTimeInSeconds / 60);
const seconds = totalTimeInSeconds % 60;
document.getElementById("timeLeft").innerText = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
}
function renderQuestion() {
const q = questionsData[currentIndex];
document.getElementById("currentQuestionNum").innerText = currentIndex + 1;
document.getElementById("categoryBadge").innerText = q.cat;
document.getElementById("questionTextMar").innerText = `${currentIndex + 1}. ${q.mar}`;
const progress = ((currentIndex + 1) / questionsData.length) * 100;
document.getElementById("progressBar").style.width = `${progress}%`;
document.getElementById("progressPercent").innerText = `${Math.round(progress)}%`;
const optionsContainer = document.getElementById("optionsContainer");
optionsContainer.innerHTML = "";
q.opts.forEach((opt, idx) => {
const isSelected = userAnswers[currentIndex] === idx;
const optBtn = document.createElement("button");
optBtn.className = `w-full text-left p-4 rounded-xl border-2 transition-all flex items-center justify-between ${
isSelected
? "border-indigo-600 bg-indigo-50 text-indigo-900 font-semibold shadow-sm"
: "border-gray-200 hover:border-indigo-300 hover:bg-gray-50 text-gray-700"
}`;
optBtn.onclick = () => selectOption(idx);
optBtn.innerHTML = `
<span class="flex items-center">
<span class="w-7 h-7 rounded-full flex items-center justify-center border text-xs mr-3 ${
isSelected ? "bg-indigo-600 text-white border-indigo-600" : "border-gray-300 text-gray-500"
}">${String.fromCharCode(65 + idx)}</span>
${opt}
</span>
${isSelected ? '<i class="fa-solid fa-circle-check text-indigo-600"></i>' : ''}
`;
optionsContainer.appendChild(optBtn);
});
document.getElementById("prevBtn").disabled = currentIndex === 0;
if (currentIndex === questionsData.length - 1) {
document.getElementById("nextBtn").classList.add("hidden");
document.getElementById("submitBtn").classList.remove("hidden");
} else {
document.getElementById("nextBtn").classList.remove("hidden");
document.getElementById("submitBtn").classList.add("hidden");
}
}
function selectOption(index) {
userAnswers[currentIndex] = index;
renderQuestion();
}
function nextQuestion() {
if (currentIndex < questionsData.length - 1) {
currentIndex++;
renderQuestion();
}
}
function prevQuestion() {
if (currentIndex > 0) {
currentIndex--;
renderQuestion();
}
}
function submitQuiz() {
if (timerInterval) clearInterval(timerInterval);
let correctCount = 0;
userAnswers.forEach((ans, idx) => {
if (ans === questionsData[idx].ans) {
correctCount++;
}
});
const totalScore = correctCount * 2;
const percentage = Math.round((totalScore / 100) * 100);
const timeTakenMinutes = Math.floor(timeTakenSeconds / 60);
const timeTakenSecs = timeTakenSeconds % 60;
const formattedTimeTaken = `${String(timeTakenMinutes).padStart(2, '0')}:${String(timeTakenSecs).padStart(2, '0')}`;
document.getElementById("quizSection").classList.add("hidden");
document.getElementById("timerDisplay").classList.add("hidden");
document.getElementById("resultSection").classList.remove("hidden");
document.getElementById("resStudentName").innerText = studentInfo.name;
document.getElementById("resSchoolName").innerText = studentInfo.school;
document.getElementById("resScore").innerText = totalScore;
document.getElementById("resPercentage").innerText = `${percentage}%`;
document.getElementById("resTimeTaken").innerText = `${formattedTimeTaken} मि/सेकंद`;
renderAnswerReview();
sendDataToGoogleSheet(totalScore, percentage, formattedTimeTaken);
}
function renderAnswerReview() {
const reviewContainer = document.getElementById("reviewContainer");
reviewContainer.innerHTML = "";
questionsData.forEach((q, idx) => {
const userAns = userAnswers[idx];
const isCorrect = userAns === q.ans;
const reviewCard = document.createElement("div");
reviewCard.className = `p-4 rounded-xl border ${isCorrect ? 'bg-emerald-50 border-emerald-200' : 'bg-rose-50 border-rose-200'}`;
let userAnsText = userAns !== null ? q.opts[userAns] : "उत्तर दिले नाही";
let correctAnsText = q.opts[q.ans];
reviewCard.innerHTML = `
<div class="flex items-start gap-2">
<span class="text-base ${isCorrect ? 'text-emerald-600' : 'text-rose-600'} mt-0.5">
${isCorrect ? '<i class="fa-solid fa-circle-check"></i>' : '<i class="fa-solid fa-circle-xmark"></i>'}
</span>
<div class="space-y-1 text-sm">
<p class="font-semibold text-gray-800">${idx + 1}. ${q.mar}</p>
<p class="${isCorrect ? 'text-emerald-700 font-medium' : 'text-rose-700'}">
तुमचे उत्तर: <strong>${userAnsText}</strong> (${isCorrect ? '+२ गुण' : '० गुण'})
</p>
${!isCorrect ? `<p class="text-emerald-700 font-medium">योग्य उत्तर: <strong>${correctAnsText}</strong></p>` : ''}
</div>
</div>
`;
reviewContainer.appendChild(reviewCard);
});
}
function sendDataToGoogleSheet(score, percentage, timeTaken) {
const syncStatus = document.getElementById("syncStatus");
if (!scriptUrl || scriptUrl.includes(" AKfycbxJSa3rb-kebDt-TFl1nXX1ehg8tdx6MSILLUfUR9UM-Vmhgh2wdBFPpMRkcWiuS_XvvQ ")) {
syncStatus.innerHTML = "<span class='text-amber-600'>⚠️ Google Sheet URL सेट केलेली नाही. गुण सेव्ह झाले नाहीत.</span>";
return;
}
const payload = {
name: studentInfo.name,
school: studentInfo.school,
score: score,
total: 100,
percentage: percentage + "%",
timeTaken: timeTaken,
date: new Date().toLocaleString("en-IN")
};
fetch(scriptUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(() => {
syncStatus.innerHTML = "<span class='text-emerald-600'>✅ तुमचे गुण मध्ये यशस्वीरीत्या सेव्ह झाले आहेत!</span>";
})
.catch((err) => {
syncStatus.innerHTML = "<span class='text-red-600'>❌ डेटा पाठवताना अडचण आली.</span>";
});
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-11276084858475598492026-09-28T05:56:49.575+05:302026-09-28T07:14:27.235+05:30इयत्ता - ४ थी , शिष्यवृत्ती परीक्षा , विषय - गणित भुमितीच्या ९ घटकांवर आधारित ७५ प्रश्न, १५० गुण<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>भूमिती विशेष ऑनलाईन सराव चाचणी</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
</style>
</head>
<body class="flex items-center justify-center p-3 sm:p-6">
<div class="w-full max-w-3xl glass-card rounded-3xl p-4 sm:p-8 relative overflow-hidden transition-all duration-300">
<!-- HEADER -->
<div class="flex justify-between items-center border-b pb-4 mb-6">
<div>
<h1 class="text-xl sm:text-2xl font-bold text-indigo-900">गणित: भूमिती विशेष ऑनलाईन चाचणी</h1>
<p class="text-xs sm:text-sm text-gray-500">एकूण प्रश्न: ७५ | गुण: १५० | वेळ: ९० मिनिटे</p>
</div>
<!-- TIMER BADGE -->
<div id="timerDisplay" class="hidden bg-indigo-100 text-indigo-800 font-bold px-4 py-2 rounded-xl text-sm sm:text-base flex items-center gap-2 border border-indigo-200">
<i class="fa-solid fa-clock text-indigo-600"></i>
<span id="timeLeft">90:00</span>
</div>
</div>
<!-- STUDENT INFO FORM (STEP 1) -->
<div id="studentFormSection" class="space-y-6">
<div class="text-center py-2">
<div class="w-20 h-20 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center mx-auto mb-3 text-3xl">
<i class="fa-solid fa-user-graduate"></i>
</div>
<h2 class="text-xl font-semibold text-gray-800">विद्यार्थ्याची माहिती भरा</h2>
<p class="text-gray-500 text-sm">चाचणी सुरू करण्यासाठी खालील माहिती भरणे आवश्यक आहे.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">विद्यार्थ्याचे पूर्ण नाव (Full Name):</label>
<input type="text" id="studentName" placeholder="उदा. राहुल सचिन पाटील" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">शाळेचे नाव (School Name):</label>
<input type="text" id="schoolName" placeholder="ZPPS.." class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
</div>
<button onclick="startQuiz()" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold py-3.5 rounded-xl shadow-lg hover:opacity-95 transition transform active:scale-95">
चाचणी सुरू करा (Start Quiz) <i class="fa-solid fa-arrow-right ml-2"></i>
</button>
</div>
<!-- QUIZ SECTION (STEP 2) -->
<div id="quizSection" class="hidden space-y-6">
<!-- TOP PROGRESS BAR -->
<div class="space-y-2">
<div class="flex justify-between items-center text-xs sm:text-sm font-medium text-gray-600">
<span>प्रश्न: <strong id="currentQuestionNum" class="text-indigo-600 text-base">1</strong> / 75</span>
<span>प्रगती: <strong id="progressPercent">0%</strong></span>
</div>
<div class="w-full bg-gray-200 h-2.5 rounded-full overflow-hidden">
<div id="progressBar" class="bg-indigo-600 h-2.5 transition-all duration-300 w-0"></div>
</div>
</div>
<!-- CATEGORY BADGE -->
<div id="categoryBadge" class="inline-block bg-indigo-100 text-indigo-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
Category
</div>
<!-- QUESTION BOX -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4 sm:p-6 space-y-3">
<h3 id="questionTextMar" class="text-base sm:text-lg font-semibold text-gray-800 leading-relaxed"></h3>
</div>
<!-- OPTIONS -->
<div id="optionsContainer" class="space-y-3"></div>
<!-- NAV BUTTONS -->
<div class="flex justify-between items-center pt-4 border-t border-gray-100">
<button id="prevBtn" onclick="prevQuestion()" class="px-5 py-2.5 border border-gray-300 text-gray-600 rounded-xl font-medium hover:bg-gray-100 transition disabled:opacity-50">
<i class="fa-solid fa-chevron-left mr-2"></i> मागचा
</button>
<button id="nextBtn" onclick="nextQuestion()" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-medium transition shadow-md">
पुढचा <i class="fa-solid fa-chevron-right ml-2"></i>
</button>
<button id="submitBtn" onclick="submitQuiz()" class="hidden px-6 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-medium transition shadow-md">
सबमिट करा <i class="fa-solid fa-check ml-2"></i>
</button>
</div>
</div>
<!-- RESULT SECTION WITH ANSWER REVIEW (STEP 3) -->
<div id="resultSection" class="hidden py-6 space-y-6">
<div class="text-center space-y-3">
<div class="w-20 h-20 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-3xl shadow-inner">
<i class="fa-solid fa-trophy"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">अभिनंदन! चाचणी पूर्ण झाली.</h2>
</div>
<div class="bg-gray-50 rounded-2xl p-5 max-w-md mx-auto border space-y-2 text-sm">
<div class="flex justify-between text-gray-700">
<span>विद्यार्थ्याचे नाव:</span>
<strong id="resStudentName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>शाळेचे नाव:</span>
<strong id="resSchoolName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>एकूण प्राप्त गुण:</span>
<strong class="text-indigo-600 text-base"><span id="resScore">0</span> / 150</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>टक्केवारी:</span>
<strong id="resPercentage" class="text-emerald-600">0%</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>घेतलेला वेळ:</span>
<strong id="resTimeTaken" class="text-purple-600">00:00</strong>
</div>
</div>
<div id="syncStatus" class="text-center text-xs font-medium text-gray-500 animate-pulse">
Google Sheet मध्ये डेटा अपडेट केला जात आहे...
</div>
<!-- ANSWERS REVIEW BOX -->
<div class="border-t pt-4">
<h3 class="text-lg font-bold text-gray-800 mb-4 flex items-center gap-2">
<i class="fa-solid fa-list-check text-indigo-600"></i> उत्तरांचे विश्लेषण (Review Answers):
</h3>
<div id="reviewContainer" class="space-y-4 max-h-96 overflow-y-auto pr-2"></div>
</div>
<button onclick="location.reload()" class="w-full bg-gray-800 text-white py-3 rounded-xl font-medium hover:bg-gray-900 transition">
पुन्हा चाचणी द्या (Restart)
</button>
</div>
</div>
<script>
// GOOGLE SHEET WEB APP URL SETTING
const scriptUrl = " https://script.google.com/macros/s/AKfycbzUqec0Rj1RKs7eIQ4d3zGwiRlTTrCrjC4xGRLvDPtT0-2k2VSsg_2n1ep2rRG64wwt9w/exec ";
function decodeHtml(html) {
const txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
// 75 QUESTIONS DATA
const questionsData = [
// घट १: कोन व त्यांचे प्रकार (१ ते ९)
{ cat: "कोन व त्यांचे प्रकार", mar: "१. ९० अंश मापाच्या कोनाला कोणता कोन म्हणतात?", opts: ["लघुकोन", "काटकोन", "विशालकोन", "सरळकोन"], ans: 1 },
{ cat: "कोन व त्यांचे प्रकार", mar: "२. ९० अंशापेक्षा लहान असणाऱ्या कोनाला काय म्हणतात?", opts: ["विशालकोन", "काटकोन", "लघुकोन", "प्रविशालकोन"], ans: 2 },
{ cat: "कोन व त्यांचे प्रकार", mar: "३. ९० अंशापेक्षा मोठ्या आणि १८० अंशापेक्षा लहान कोनाला काय म्हणतात?", opts: ["काटकोन", "विशालकोन", "लघुकोन", "शून्यकोन"], ans: 1 },
{ cat: "कोन व त्यांचे प्रकार", mar: "४. घड्याळात ३ वाजता तासकाटा व मिनिटकाटा यांच्यात कोणता कोन होतो?", opts: ["लघुकोन", "विशालकोन", "काटकोन", "सरळकोन"], ans: 2 },
{ cat: "कोन व त्यांचे प्रकार", mar: "५. घड्याळात ४:३० वाजता काट्यांमध्ये कोणता कोन दिसेल?", opts: ["काटकोन", "लघुकोन", "विशालकोन", "सरळकोन"], ans: 1 },
{ cat: "कोन व त्यांचे प्रकार", mar: "६. घड्याळात ७ वाजता काट्यांमध्ये कोणता कोन होतो?", opts: ["लघुकोन", "काटकोन", "विशालकोन", "शून्यकोन"], ans: 2 },
{ cat: "कोन व त्यांचे प्रकार", mar: "७. काटकोनाचे माप किती अंश असते?", opts: ["४५°", "९०°", "१८०°", "३६०°"], ans: 1 },
{ cat: "कोन व त्यांचे प्रकार", mar: "८. ६५° मापाचा कोन खालीलपैकी कोणत्या प्रकारात मोडतो?", opts: ["लघुकोन", "काटकोन", "विशालकोन", "सरळकोन"], ans: 0 },
{ cat: "कोन व त्यांचे प्रकार", mar: "९. १२०° मापाचा कोन कोणत्या प्रकारचा आहे?", opts: ["लघुकोन", "काटकोन", "विशालकोन", "शून्यकोन"], ans: 2 },
// घट २: सममिती (१० ते १७)
{ cat: "सममिती", mar: "१०. चौरसाला एकूण किती सममिती अक्ष (Lines of Symmetry) असतात?", opts: ["२", "३", "४", "८"], ans: 2 },
{ cat: "सममिती", mar: "११. आयताला किती सममिती अक्ष असतात?", opts: ["१", "२", "३", "४"], ans: 1 },
{ cat: "सममिती", mar: "१२. समभुज त्रिकोणाला किती सममिती अक्ष असतात?", opts: ["१", "२", "३", "४"], ans: 2 },
{ cat: "सममिती", mar: "१३. वर्तुळाला किती सममिती अक्ष असतात?", opts: ["१", "२", "४", "अनंत (अगणित)"], ans: 3 },
{ cat: "सममिती", mar: "१४. इंग्रजी मधील 'M' या अक्षराला किती सममिती अक्ष असतात?", opts: ["१", "२", "३", "शून्य"], ans: 0 },
{ cat: "सममिती", mar: "१५. इंग्रजी मधील 'O' या अक्षराला किती सममिती अक्ष असतात?", opts: ["१", "२", "४", "अनंत"], ans: 3 },
{ cat: "सममिती", mar: "१६. इंग्रजी मधील 'F' या अक्षराला किती सममिती रेषा काढता येतात?", opts: ["१", "२", "३", "शून्य (एकही नाही)"], ans: 3 },
{ cat: "सममिती", mar: "१७. विषमभुज त्रिकोणाला किती सममिती अक्ष असतात?", opts: ["० (शून्य)", "१", "२", "३"], ans: 0 },
// घट ३: शिरोबिंदू व बाजू (१८ ते २५)
{ cat: "शिरोबिंदू व बाजू", mar: "१८. त्रिकोणाला एकूण किती शिरोबिंदू असतात?", opts: ["२", "३", "४", "५"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "१९. चौरसाला एकूण किती बाजू असतात?", opts: ["३", "४", "५", "६"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "२०. आयताला किती शिरोबिंदू असतात?", opts: ["३", "४", "५", "६"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "२१. ज्या आकृतीला ३ बाजू असतात तिला काय म्हणतात?", opts: ["चौकोन", "त्रिकोण", "पंचकोन", "वर्तुळ"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "२२. चौरसाच्या सर्व बाजूंची लांबी कशी असते?", opts: ["असम", "समान (सारखी)", "दुप्पट", "निम्मी"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "२३. आयताच्या समोरासमोरील बाजू कशी असतात?", opts: ["समान लांबीच्या", "विषम", "काटकोनात नसतात", "तिप्पट"], ans: 0 },
{ cat: "शिरोबिंदू व बाजू", mar: "२४. पंचकोनाला (Pentagon) किती शिरोबिंदू असतात?", opts: ["४", "५", "६", "८"], ans: 1 },
{ cat: "शिरोबिंदू व बाजू", mar: "२५. षटकोनाला (Hexagon) एकूण किती बाजू असतात?", opts: ["५", "६", "७", "८"], ans: 1 },
// घट ४: वर्तुळ (२६ ते ३४)
{ cat: "वर्तुळ", mar: "२६. वर्तुळाच्या केंद्रातून जाणाऱ्या जीवेला काय म्हणतात?", opts: ["त्रिज्या", "व्यासा", "परीघ", "कंस"], ans: 1 },
{ cat: "वर्तुळ", mar: "२७. वर्तुळाचा व्यास हा त्रिज्येच्या किती पट असतो?", opts: ["निम्मा", "दुप्पट", "तिप्पट", "चारपट"], ans: 1 },
{ cat: "वर्तुळ", mar: "२८. एका वर्तुळाची त्रिज्या ६ सेंमी आहे, तर व्यास किती असेल?", opts: ["३ सेंमी", "६ सेंमी", "१२ सेंमी", "१८ सेंमी"], ans: 2 },
{ cat: "वर्तुळ", mar: "२९. वर्तुळाच्या कडेला किंवा सीमेला काय म्हणतात?", opts: ["व्यास", "परीघ", "जीवा", "केंद्र"], ans: 1 },
{ cat: "वर्तुळ", mar: "३०. वर्तुळातील सर्वात मोठी जीवा कोणती असते?", opts: ["त्रिज्या", "व्यास", "परीघ", "कंस"], ans: 1 },
{ cat: "वर्तुळ", mar: "३१. वर्तुळाचा व्यास २० सेंमी असेल तर त्रिज्या किती सेंमी असेल?", opts: ["१० सेंमी", "२० सेंमी", "४० सेंमी", "५ सेंमी"], ans: 0 },
{ cat: "वर्तुळ", mar: "३२. वर्तुळ केंद्रापासून वर्तुळावरील कोणत्याही बिंदूपर्यंतच्या अंतराला काय म्हणतात?", opts: ["जीवा", "व्यास", "त्रिज्या", "परीघ"], ans: 2 },
{ cat: "वर्तुळ", mar: "३३. एका वर्तुळात किती व्यास काढता येतात?", opts: ["१", "२", "१०", "अगणित (अनंत)"], ans: 3 },
{ cat: "वर्तुळ", mar: "३४. वर्तुळावरील कोणतेही दोन बिंदू जोडणाऱ्या रेषेला काय म्हणतात?", opts: ["जीवा", "त्रिज्या", "परीघ", "केंद्र"], ans: 0 },
// घट ५: परिमिती (३५ ते ४३)
{ cat: "परिमिती", mar: "३५. कोणत्याही बंदिस्त आकृतीची परिमिती म्हणजे काय?", opts: ["सर्व बाजूंची बेरीज", "सर्व बाजूंचा गुणाकार", "लांबी × रुंदी", "क्षेत्रफळ"], ans: 0 },
{ cat: "परिमिती", mar: "३६. ६ सेंमी बाजू असलेल्या चौरसाची परिमिती किती असेल?", opts: ["१२ सेंमी", "२४ सेंमी", "३६ सेंमी", "१८ सेंमी"], ans: 1 },
{ cat: "परिमिती", mar: "३७. लांबी ८ सेंमी व रुंदी ५ सेंमी असलेल्या आयताची परिमिती किती?", opts: ["१३ सेंमी", "२६ सेंमी", "४० सेंमी", "२० सेंमी"], ans: 1 },
{ cat: "परिमिती", mar: "३८. एका त्रिकोणाच्या बाजू ५ सेंमी, ६ सेंमी व ७ सेंमी आहेत, तर परिमिती किती?", opts: ["१८ सेंमी", "२१० सेंमी", "११ सेंमी", "३५ सेंमी"], ans: 0 },
{ cat: "परिमिती", mar: "३९. चौरसाची परिमिती ४० सेंमी आहे, तर त्याची बाजू किती सेंमी असेल?", opts: ["२० सेंमी", "१० सेंमी", "८ सेंमी", "५ सेंमी"], ans: 1 },
{ cat: "परिमिती", mar: "४०. समभुज त्रिकोणाची एक बाजू ९ सेंमी आहे, तर त्याची परिमिती किती?", opts: ["१८ सेंमी", "२७ सेंमी", "३६ सेंमी", "८१ सेंमी"], ans: 1 },
{ cat: "परिमिती", mar: "४१. आयताची परिमिती ३० सेंमी असून लांबी १० सेंमी आहे, तर रुंदी किती?", opts: ["५ सेंमी", "१० सेंमी", "१५ सेंमी", "२० सेंमी"], ans: 0 },
{ cat: "परिमिती", mar: "४२. एका चौरसाची बाजू दुप्पट केल्यास त्याची परिमिती किती पट होईल?", opts: ["निम्मी", "दुप्पट", "चारपट", "तीनपट"], ans: 1 },
{ cat: "परिमिती", mar: "४३. चौरसाच्या परिमितीचे सूत्र काय आहे?", opts: ["४ × बाजू", "लांबी × रुंदी", "२ × (लांबी + रुंदी)", "बाजू × बाजू"], ans: 0 },
// घट ६: क्षेत्रफळ (४४ ते ५२)
{ cat: "क्षेत्रफळ", mar: "४४. चौरसाच्या क्षेत्रफळाचे सूत्र कोणते?", opts: ["४ × बाजू", "बाजू × बाजू (बाजू²)", "लांबी × रुंदी", "२ × बाजू"], ans: 1 },
{ cat: "क्षेत्रफळ", mar: "४५. आयताच्या क्षेत्रफळाचे सूत्र कोणते?", opts: ["लांबी + रुंदी", "लांबी × रुंदी", "२ × लांबी", "४ × लांबी"], ans: 1 },
{ cat: "क्षेत्रफळ", mar: "४६. ७ सेंमी बाजू असलेल्या चौरसाचे क्षेत्रफळ किती चौरस सेंमी असेल?", opts: ["२८ चौ.सेंमी", "४९ चौ.सेंमी", "१४ चौ.सेंमी", "२१ चौ.सेंमी"], ans: 1 },
{ cat: "क्षेत्रफळ", mar: "४७. लांबी १० सेंमी व रुंदी ६ सेंमी असणाऱ्या आयताचे क्षेत्रफळ किती?", opts: ["३२ चौ.सेंमी", "६० चौ.सेंमी", "१६ चौ.सेंमी", "६०० चौ.सेंमी"], ans: 1 },
{ cat: "क्षेत्रफळ", mar: "४८. चौरसाचे क्षेत्रफळ ६४ चौ.सेंमी आहे, तर त्याची बाजू किती सेंमी असेल?", opts: ["४ सेंमी", "८ सेंमी", "१६ सेंमी", "३२ सेंमी"], ans: 1 },
{ cat: "क्षेत्रफळ", mar: "४९. क्षेत्रफळाचे एकक खालीलपैकी कोणते असते?", opts: ["सेंमी", "मीटर", "चौ.सेंमी / चौ.मीटर", "किमी"], ans: 2 },
{ cat: "क्षेत्रफळ", mar: "५०. एका आयताचे क्षेत्रफळ ५० चौ.सेंमी व लांबी १० सेंमी आहे, तर रुंदी किती?", opts: ["५ सेंमी", "२५ सेंमी", "४० सेंमी", "१० सेंमी"], ans: 0 },
{ cat: "क्षेत्रफळ", mar: "५१. चौरसाची बाजू दुप्पट केल्यास त्याचे क्षेत्रफळ किती पट होते?", opts: ["दुप्पट", "तिप्पट", "चारपट", "आठपट"], ans: 2 },
{ cat: "क्षेत्रफळ", mar: "५२. ८ मी बाजू असलेल्या चौरसाकृती शेताचे क्षेत्रफळ किती चौ.मी असेल?", opts: ["३२ चौ.मी", "६४ चौ.मी", "१६ चौ.मी", "१२८ चौ.मी"], ans: 1 },
// घट ७: त्रिमिती वस्तू व घडणी (५३ ते ६०)
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५३. त्रिमिती (3D) वस्तूंना कोणत्या तीन गोष्टी असतात?", opts: ["लांबी, रुंदी, उंची", "फक्त लांबी व रुंदी", "फक्त उंची", "त्रिज्या व व्यास"], ans: 0 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५४. खालीलपैकी कोणती वस्तू द्विमितीय (2D) आहे?", opts: ["घनाकृती ठोकळा", "इष्टिकाचिती", "कागदावरील वर्तुळ", "दंडगोल"], ans: 2 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५५. ६ चौरसाकृती पृष्ठे एकत्र जोडून तयार होणाऱ्या घडणीपासून काय बनते?", opts: ["घन (Cube)", "इष्टिकाचिती", "शंकू", "दंडगोल"], ans: 0 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५६. ६ आयताकृती पृष्ठे एकत्र जोडल्यास कोणती त्रिमितीय आकृती बनते?", opts: ["घन", "इष्टिकाचिती (Cuboid)", "गोलाकार", "शंकू"], ans: 1 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५७. उघड्या पेटीची घडणी बनवण्यासाठी कमीत कमी किती पृष्ठांची गरज असते?", opts: ["४", "५", "६", "७"], ans: 1 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५८. बंद पेटी (घन) तयार करण्यासाठी एकूण किती चौकोनी पृष्ठांची घडणी लागते?", opts: ["५", "६", "७", "८"], ans: 1 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "५९. खालीलपैकी त्रिमितीय (3D) वस्तू कोणती?", opts: ["चौरस", "त्रिकोण", "विहीर / पाईप", "आयतः"], ans: 2 },
{ cat: "त्रिमिती वस्तू व घडणी", mar: "६०. दुधाचा डबा किंवा पाण्याची टाकी कोणत्या त्रिमितीय आकाराची असते?", opts: ["दंडगोल", "शंकू", "गोलाकार", "आयताकृती"], ans: 0 },
// घट ८: दंडगोल, शंकू व गोल (६१ ते ६७)
{ cat: "दंडगोल, शंकू व गोल", mar: "६१. दंडगोलाला (Cylinder) एकूण किती वर्तुळाकार पृष्ठे असतात?", opts: ["१", "२", "३", "०"], ans: 1 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६२. दंडगोलाला एकूण किती कडा (Edges) असतात?", opts: ["१", "२ (वक्र)", "३", "४"], ans: 1 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६३. दंडगोलाला किती शिरोबिंदू (कोपरे) असतात?", opts: ["० (शून्य)", "१", "२", "४"], ans: 0 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६४. शंकूला (Cone) किती शिरोबिंदू (कोपरा) असतो?", opts: ["०", "१", "२", "३"], ans: 1 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६५. विदूषकाची टोपी किंवा आईस्क्रीमचा कोन हा कोणत्या आकाराचा असतो?", opts: ["दंडगोल", "शंकू", "इष्टिकाचिती", "घन"], ans: 1 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६६. गोलाला (Sphere - उदा. चेंडू) किती कडा व शिरोबिंदू असतात?", opts: ["१ कडा, १ शिरोबिंदू", "० कडा, ० शिरोबिंदू", "२ कडा, ० शिरोबिंदू", "४ कडा, ४ शिरोबिंदू"], ans: 1 },
{ cat: "दंडगोल, शंकू व गोल", mar: "६७. शंकूला एकूण किती पृष्ठे असतात?", opts: ["१", "२ (१ सपाट वर्तुळाकार + १ वक्र)", "३", "४"], ans: 1 },
// घट ९: इष्टिकाचिती व घन (६८ ते ७५)
{ cat: "इष्टिकाचिती व घन", mar: "६८. इष्टिकाचितीला (Cuboid - उदा. वीट) एकूण किती पृष्ठे असतात?", opts: ["६", "८", "१२", "१६"], ans: 0 },
{ cat: "इष्टिकाचिती व घन", mar: "६९. इष्टिकाचितीला एकूण किती कडा (Edges) असतात?", opts: ["६", "८", "१२", "१६"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "७०. इष्टिकाचितीला एकूण किती शिरोबिंदू (Vertices) असतात?", opts: ["६", "८", "१२", "१६"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "७१. घनाला (Cube - उदा. फासा) एकूण किती पृष्ठे असतात?", opts: ["४", "६", "८", "१२"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "७२. घनाची सर्व पृष्ठे कोणत्या आकाराची असतात?", opts: ["आयताकृती", "चौरसाकृती", "वर्तुळाकार", "त्रिकोणी"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "७३. घनाला (Cube) एकूण किती शिरोबिंदू असतात?", opts: ["६", "८", "१२", "१६"], ans: 1 },
{ cat: "इष्टिकाचिती व घन", mar: "७४. घनाला एकूण किती कडा असतात?", opts: ["६", "८", "१२", "१०"], ans: 2 },
{ cat: "इष्टिकाचिती व घन", mar: "७५. काडीपेटी किंवा पुस्तकाचा आकार खालीलपैकी कोणता असतो?", opts: ["घन", "इष्टिकाचिती", "दंडगोल", "शंकू"], ans: 1 }
];
let currentIndex = 0;
let userAnswers = new Array(questionsData.length).fill(null);
let studentInfo = { name: "", school: "" };
// TIMER: 90 Minutes (5400 seconds)
let totalTimeInSeconds = 90 * 60;
let timerInterval = null;
let timeTakenSeconds = 0;
function startQuiz() {
const name = document.getElementById("studentName").value.trim();
const school = document.getElementById("schoolName").value.trim();
if (!name || !school) {
alert("कृपया विद्यार्थ्यांचे नाव आणि शाळेचे नाव दोन्ही भरा!");
return;
}
studentInfo.name = name;
studentInfo.school = school;
document.getElementById("studentFormSection").classList.add("hidden");
document.getElementById("quizSection").classList.remove("hidden");
document.getElementById("timerDisplay").classList.remove("hidden");
startTimer();
renderQuestion();
}
function startTimer() {
updateTimerUI();
timerInterval = setInterval(() => {
totalTimeInSeconds--;
timeTakenSeconds++;
updateTimerUI();
if (totalTimeInSeconds <= 0) {
clearInterval(timerInterval);
alert("९० मिनिटांचा वेळ संपला आहे! तुमची चाचणी आपोआप सबमिट केली जात आहे.");
submitQuiz();
}
}, 1000);
}
function updateTimerUI() {
const minutes = Math.floor(totalTimeInSeconds / 60);
const seconds = totalTimeInSeconds % 60;
document.getElementById("timeLeft").innerText = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
}
function renderQuestion() {
const q = questionsData[currentIndex];
document.getElementById("currentQuestionNum").innerText = currentIndex + 1;
document.getElementById("categoryBadge").innerText = q.cat;
document.getElementById("questionTextMar").innerText = decodeHtml(q.mar);
const progress = ((currentIndex + 1) / questionsData.length) * 100;
document.getElementById("progressBar").style.width = `${progress}%`;
document.getElementById("progressPercent").innerText = `${Math.round(progress)}%`;
const optionsContainer = document.getElementById("optionsContainer");
optionsContainer.innerHTML = "";
q.opts.forEach((opt, idx) => {
const isSelected = userAnswers[currentIndex] === idx;
const optBtn = document.createElement("button");
optBtn.className = `w-full text-left p-4 rounded-xl border-2 transition-all flex items-center justify-between ${
isSelected
? "border-indigo-600 bg-indigo-50 text-indigo-900 font-semibold shadow-sm"
: "border-gray-200 hover:border-indigo-300 hover:bg-gray-50 text-gray-700"
}`;
optBtn.onclick = () => selectOption(idx);
optBtn.innerHTML = `
<span class="flex items-center">
<span class="w-7 h-7 rounded-full flex items-center justify-center border text-xs mr-3 ${
isSelected ? "bg-indigo-600 text-white border-indigo-600" : "border-gray-300 text-gray-500"
}">${String.fromCharCode(65 + idx)}</span>
${decodeHtml(opt)}
</span>
${isSelected ? '<i class="fa-solid fa-circle-check text-indigo-600"></i>' : ''}
`;
optionsContainer.appendChild(optBtn);
});
document.getElementById("prevBtn").disabled = currentIndex === 0;
if (currentIndex === questionsData.length - 1) {
document.getElementById("nextBtn").classList.add("hidden");
document.getElementById("submitBtn").classList.remove("hidden");
} else {
document.getElementById("nextBtn").classList.remove("hidden");
document.getElementById("submitBtn").classList.add("hidden");
}
}
function selectOption(index) {
userAnswers[currentIndex] = index;
renderQuestion();
}
function nextQuestion() {
if (currentIndex < questionsData.length - 1) {
currentIndex++;
renderQuestion();
}
}
function prevQuestion() {
if (currentIndex > 0) {
currentIndex--;
renderQuestion();
}
}
function submitQuiz() {
if (timerInterval) clearInterval(timerInterval);
let correctCount = 0;
userAnswers.forEach((ans, idx) => {
if (ans === questionsData[idx].ans) {
correctCount++;
}
});
// प्रत्येक प्रश्नाला २ गुण -> १५० पैकी गुण
const totalScore = correctCount * 2;
const percentage = Math.round((totalScore / 150) * 100);
const timeTakenMinutes = Math.floor(timeTakenSeconds / 60);
const timeTakenSecs = timeTakenSeconds % 60;
const formattedTimeTaken = `${String(timeTakenMinutes).padStart(2, '0')}:${String(timeTakenSecs).padStart(2, '0')}`;
document.getElementById("quizSection").classList.add("hidden");
document.getElementById("timerDisplay").classList.add("hidden");
document.getElementById("resultSection").classList.remove("hidden");
document.getElementById("resStudentName").innerText = studentInfo.name;
document.getElementById("resSchoolName").innerText = studentInfo.school;
document.getElementById("resScore").innerText = totalScore;
document.getElementById("resPercentage").innerText = `${percentage}%`;
document.getElementById("resTimeTaken").innerText = `${formattedTimeTaken} मिंग/सेकंद`;
// GENERATE ANSWER REVIEW
renderAnswerReview();
// Send Data to Google Sheet
sendDataToGoogleSheet(totalScore, percentage, formattedTimeTaken);
}
function renderAnswerReview() {
const reviewContainer = document.getElementById("reviewContainer");
reviewContainer.innerHTML = "";
questionsData.forEach((q, idx) => {
const userAns = userAnswers[idx];
const isCorrect = userAns === q.ans;
const reviewCard = document.createElement("div");
reviewCard.className = `p-4 rounded-xl border ${isCorrect ? 'bg-emerald-50 border-emerald-200' : 'bg-rose-50 border-rose-200'}`;
let userAnsText = userAns !== null ? q.opts[userAns] : "उत्तर दिले नाही";
let correctAnsText = q.opts[q.ans];
reviewCard.innerHTML = `
<div class="flex items-start gap-2">
<span class="text-base ${isCorrect ? 'text-emerald-600' : 'text-rose-600'} mt-0.5">
${isCorrect ? '<i class="fa-solid fa-circle-check"></i>' : '<i class="fa-solid fa-circle-xmark"></i>'}
</span>
<div class="space-y-1 text-sm">
<p class="font-semibold text-gray-800">${idx + 1}. ${q.mar}</p>
<p class="${isCorrect ? 'text-emerald-700 font-medium' : 'text-rose-700'}">
तुमचे उत्तर: <strong>${userAnsText}</strong> (${isCorrect ? '+२ गुण' : '० गुण'})
</p>
${!isCorrect ? `<p class="text-emerald-700 font-medium">योग्य उत्तर: <strong>${correctAnsText}</strong></p>` : ''}
</div>
</div>
`;
reviewContainer.appendChild(reviewCard);
});
}
function sendDataToGoogleSheet(score, percentage, timeTaken) {
const syncStatus = document.getElementById("syncStatus");
if (!scriptUrl || scriptUrl.includes(" AKfycbzUqec0Rj1RKs7eIQ4d3zGwiRlTTrCrjC4xGRLvDPtT0-2k2VSsg_2n1ep2rRG64wwt9w ")) {
syncStatus.innerHTML = "<span class='text-amber-600'>⚠️ Google Sheet URL सेट केलेली नाही. गुण सेव्ह झाले नाहीत.</span>";
return;
}
const payload = {
name: studentInfo.name,
school: studentInfo.school,
score: score,
total: 150,
percentage: percentage + "%",
timeTaken: timeTaken,
date: new Date().toLocaleString("en-IN")
};
fetch(scriptUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(() => {
syncStatus.innerHTML = "<span class='text-emerald-600'>✅ तुमचे गुण मध्ये यशस्वीरीत्या सेव्ह झाले आहेत!</span>";
})
.catch((err) => {
syncStatus.innerHTML = "<span class='text-red-600'>❌ डेटा पाठवताना अडचण आली.</span>";
});
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-46199389075389420532026-09-25T07:09:55.054+05:302026-09-25T07:27:32.178+05:30 इयत्ता ४ थी, शिष्यवृत्ती परीक्षा, मराठी शब्दसंपदा चाचणी - पिल्लूदर्शक, घरदर्शक व ध्वनीदर्शक शब्द<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>मराठी शब्दसंपदा चाचणी (पिल्लूदर्शक, घरदर्शक व ध्वनीदर्शक शब्द)</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
</style>
</head>
<body class="flex items-center justify-center p-3 sm:p-6">
<div class="w-full max-w-3xl glass-card rounded-3xl p-4 sm:p-8 relative overflow-hidden transition-all duration-300">
<!-- HEADER -->
<div class="flex justify-between items-center border-b pb-4 mb-6">
<div>
<h1 class="text-xl sm:text-2xl font-bold text-indigo-900">पिल्लूदर्शक, घरदर्शक व ध्वनीदर्शक शब्द चाचणी</h1>
<p class="text-xs sm:text-sm text-gray-500">एकूण प्रश्न: ३० | गुण: ३० | वेळ: ३० मिनिटे</p>
</div>
<!-- TIMER BADGE -->
<div id="timerDisplay" class="hidden bg-indigo-100 text-indigo-800 font-bold px-4 py-2 rounded-xl text-sm sm:text-base flex items-center gap-2 border border-indigo-200">
<i class="fa-solid fa-clock text-indigo-600"></i>
<span id="timeLeft">30:00</span>
</div>
</div>
<!-- STUDENT INFO FORM (STEP 1) -->
<div id="studentFormSection" class="space-y-6">
<div class="text-center py-2">
<div class="w-20 h-20 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center mx-auto mb-3 text-3xl">
<i class="fa-solid fa-user-graduate"></i>
</div>
<h2 class="text-xl font-semibold text-gray-800">विद्यार्थ्याची माहिती भरा</h2>
<p class="text-gray-500 text-sm">चाचणी सुरू करण्यासाठी खालील माहिती भरणे आवश्यक आहे.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">विद्यार्थ्याचे पूर्ण नाव (Full Name):</label>
<input type="text" id="studentName" placeholder="उदा. राहुल सचिन पाटील" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">शाळेचे नाव (School Name):</label>
<input type="text" id="schoolName" placeholder="उदा. जि. प. प्राथ. शाळा देऊळगाव राजे" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
</div>
<button onclick="startQuiz()" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold py-3.5 rounded-xl shadow-lg hover:opacity-95 transition transform active:scale-95">
चाचणी सुरू करा (Start Quiz) <i class="fa-solid fa-arrow-right ml-2"></i>
</button>
</div>
<!-- QUIZ SECTION (STEP 2) -->
<div id="quizSection" class="hidden space-y-6">
<!-- TOP PROGRESS BAR -->
<div class="space-y-2">
<div class="flex justify-between items-center text-xs sm:text-sm font-medium text-gray-600">
<span>प्रश्न: <strong id="currentQuestionNum" class="text-indigo-600 text-base">1</strong> / 30</span>
<span>प्रगती: <strong id="progressPercent">0%</strong></span>
</div>
<div class="w-full bg-gray-200 h-2.5 rounded-full overflow-hidden">
<div id="progressBar" class="bg-indigo-600 h-2.5 transition-all duration-300 w-0"></div>
</div>
</div>
<!-- CATEGORY BADGE -->
<div id="categoryBadge" class="inline-block bg-indigo-100 text-indigo-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
Category
</div>
<!-- QUESTION BOX -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4 sm:p-6 space-y-3">
<h3 id="questionTextMar" class="text-base sm:text-lg font-semibold text-gray-800 leading-relaxed"></h3>
</div>
<!-- OPTIONS -->
<div id="optionsContainer" class="space-y-3"></div>
<!-- NAV BUTTONS -->
<div class="flex justify-between items-center pt-4 border-t border-gray-100">
<button id="prevBtn" onclick="prevQuestion()" class="px-5 py-2.5 border border-gray-300 text-gray-600 rounded-xl font-medium hover:bg-gray-100 transition disabled:opacity-50">
<i class="fa-solid fa-chevron-left mr-2"></i> मागचा
</button>
<button id="nextBtn" onclick="nextQuestion()" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-medium transition shadow-md">
पुढचा <i class="fa-solid fa-chevron-right ml-2"></i>
</button>
<button id="submitBtn" onclick="submitQuiz()" class="hidden px-6 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-medium transition shadow-md">
सबमिट करा <i class="fa-solid fa-check ml-2"></i>
</button>
</div>
</div>
<!-- RESULT SECTION WITH ANSWER REVIEW (STEP 3) -->
<div id="resultSection" class="hidden py-6 space-y-6">
<div class="text-center space-y-3">
<div class="w-20 h-20 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-3xl shadow-inner">
<i class="fa-solid fa-trophy"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">अभिनंदन! चाचणी पूर्ण झाली.</h2>
</div>
<div class="bg-gray-50 rounded-2xl p-5 max-w-md mx-auto border space-y-2 text-sm">
<div class="flex justify-between text-gray-700">
<span>विद्यार्थ्याचे नाव:</span>
<strong id="resStudentName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>शाळेचे नाव:</span>
<strong id="resSchoolName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>एकूण गुण:</span>
<strong class="text-indigo-600 text-base"><span id="resScore">0</span> / 30</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>टक्केवारी:</span>
<strong id="resPercentage" class="text-emerald-600">0%</strong>
</div>
</div>
<div id="syncStatus" class="text-center text-xs font-medium text-gray-500 animate-pulse">
Google Sheet मध्ये डेटा अपडेट केला जात आहे...
</div>
<!-- ANSWERS REVIEW BOX -->
<div class="border-t pt-4">
<h3 class="text-lg font-bold text-gray-800 mb-4 flex items-center gap-2">
<i class="fa-solid fa-list-check text-indigo-600"></i> उत्तरांचे विश्लेषण (Review Answers):
</h3>
<div id="reviewContainer" class="space-y-4 max-h-96 overflow-y-auto pr-2"></div>
</div>
<button onclick="location.reload()" class="w-full bg-gray-800 text-white py-3 rounded-xl font-medium hover:bg-gray-900 transition">
पुन्हा चाचणी द्या (Restart)
</button>
</div>
</div>
<script>
// GOOGLE SHEET WEB APP URL SETTING
const scriptUrl = "https://script.google.com/macros/s/AKfycbwASDB5tt3cA2-u_KftPRuN3LpjexzUhP1tzi_pKOp5aXqx0NdPjAIGvgYXdMkFvDJ1/exec";
function decodeHtml(html) {
const txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
// 30 QUESTIONS DATA (पिल्लूदर्शक, घरदर्शक व ध्वनीदर्शक शब्द)
const questionsData = [
// पिल्लूदर्शक शब्द (1-10)
{ cat: "पिल्लूदर्शक शब्द", mar: "१. वाघाच्या पिल्लाला काय म्हणतात?", opts: ["छावा", "बच्चा / बछडा", "शावक", "शिंगरू"], ans: 1 },
{ cat: "पिल्लूदर्शक शब्द", mar: "२. सिंहाच्या पिल्लाला काय म्हणतात?", opts: ["छावा", "पाडस", "करडू", "शिंगरू"], ans: 0 },
{ cat: "पिल्लूदर्शक शब्द", mar: "३. हरणाच्या पिल्लाला काय म्हणतात?", opts: ["शावक", "शिंगरू", "वासरू", "लेकरू"], ans: 1 },
{ cat: "पिल्लूदर्शक शब्द", mar: "४. घोड्याच्या पिल्लाला काय म्हणतात?", opts: ["शिंगरू", "करडू", "पाडस", "बछडा"], ans: 0 },
{ cat: "पिल्लूदर्शक शब्द", mar: "५. शेळीच्या/शेळीच्या पिल्लाला काय म्हणतात?", opts: ["कोकरू", "करडू", "वासरू", "शिंगरू"], ans: 1 },
{ cat: "पिल्लूदर्शक शब्द", mar: "६. मेंढीच्या पिल्लाला काय म्हणतात?", opts: ["करडू", "कोकरू", "छावा", "शावक"], ans: 1 },
{ cat: "पिल्लूदर्शक शब्द", mar: "७. गाईच्या पिल्लाला काय म्हणतात?", opts: ["पाडस", "वासरू", "शिंगरू", "करडू"], ans: 1 },
{ cat: "पिल्लूदर्शक शब्द", mar: "८. म्हशीच्या पिल्लाला काय म्हणतात?", opts: ["रेडकू", "वासरू", "कोकरू", "शावक"], ans: 0 },
{ cat: "पिल्लूदर्शक शब्द", mar: "९. माणसाच्या पिल्लाला काय म्हणतात?", opts: ["बाळ / लहान मूल", "पाडस", "शावक", "करडू"], ans: 0 },
{ cat: "पिल्लूदर्शक शब्द", mar: "१०. पक्ष्यांच्या पिल्लाला काय म्हणतात?", opts: ["पिल्लू", "शावक", "छावा", "कोकरू"], ans: 0 },
// घरदर्शक शब्द (11-20)
{ cat: "घरदर्शक शब्द", mar: "११. वाघ आणि सिंह कोठे राहतात?", opts: ["गुहा / बोगदा", "कोठार", "पिंजरा", "तबेला"], ans: 0 },
{ cat: "घरदर्शक शब्द", mar: "१२. घोडा राहण्याच्या जागेला काय म्हणतात?", opts: ["पागा / तबेला", "गोठा", "खुराडे", "बिळ"], ans: 0 },
{ cat: "घरदर्शक शब्द", mar: "१३. गाय आणि म्हैस कोठे राहतात?", opts: ["तबेला", "गोठा", "पागा", "कोठार"], ans: 1 },
{ cat: "घरदर्शक शब्द", mar: "१४. कोंबडी राहण्याच्या जागेला काय म्हणतात?", opts: ["घरटे", "खुराडे", "बिळ", "पोळे"], ans: 1 },
{ cat: "घरदर्शक शब्द", mar: "१५. मधमाशा राहण्याच्या जागेला काय म्हणतात?", opts: ["घरटे", "वारूळ", "पोळे", "खोपा"], ans: 2 },
{ cat: "घरदर्शक शब्द", mar: "१६. मुंग्या आणि साप कोठे राहतात?", opts: ["बिळ / वारूळ", "पोळे", "खुराडे", "गुहा"], ans: 0 },
{ cat: "घरदर्शक शब्द", mar: "१७. पक्षी राहण्यासाठी काय बांधतात?", opts: ["खुराडे", "घरटे", "पोळे", "गोठा"], ans: 1 },
{ cat: "घरदर्शक शब्द", mar: "१८. हत्ती राहण्याच्या जागेला काय म्हणतात?", opts: ["हत्तीखाना / अंबरखाना", "तबेला", "गोठा", "पागा"], ans: 0 },
{ cat: "घरदर्शक शब्द", mar: "१९. उंदीर राहण्याच्या जागेला काय म्हणतात?", opts: ["बिळ", "वारूळ", "खुराडे", "गुहा"], ans: 0 },
{ cat: "घरदर्शक शब्द", mar: "२०. माकड कोठे राहते?", opts: ["घरटे", "झाडावर", "गुहेत", "बिळात"], ans: 1 },
// ध्वनीदर्शक शब्द (21-30)
{ cat: "ध्वनीदर्शक शब्द", mar: "२१. वाघाची काय असते?", opts: ["गर्जना", "डरकाळी", "भुंकणे", "मा्याव"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२२. सिंहाची काय असते?", opts: ["डरकाळी", "गर्जना", "हंबरणे", "किंचाळणे"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२३. घोडा काय करतो?", opts: ["हंबरतो", "खेंकाळतो", "भुंकतो", "गुरगुरतो"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२४. गाय काय करते?", opts: ["हंबरते", "खेंकाळते", "चिवचिवते", "कावकावते"], ans: 0 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२५. कावळ्याची काय असते?", opts: ["चिवचिव", "कावकाव", "कुहू-कुहू", "किलबिल"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२६. चिमणीची काय असते?", opts: ["कावकाव", "चिवचिव", "घुटमळणे", "गर्जना"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२७. कुत्र्याचे काय असते?", opts: ["म्यांव-म्यांव", "भुंकणे", "गुरगुरणे", "हंबरणे"], ans: 1 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२८. मांजर कसा आवाज काढते?", opts: ["म्यांव-म्यांव", "चिवचिव", "भुंकणे", "खेंकाळणे"], ans: 0 },
{ cat: "ध्वनीदर्शक शब्द", mar: "२९. कोकिळेचा आवाज कसा असतो?", opts: ["कुहू-कुहू", "कावकाव", "चिवचिव", "किंचाळणे"], ans: 0 },
{ cat: "ध्वनीदर्शक शब्द", mar: "३०. सापाचा आवाज कसा असतो?", opts: ["फूत्कार / फुरफुर", "गर्जना", "डरकाळी", "गुंजन"], ans: 0 }
];
let currentIndex = 0;
let userAnswers = new Array(questionsData.length).fill(null);
let studentInfo = { name: "", school: "" };
let totalTimeInSeconds = 30 * 60;
let timerInterval = null;
let timeTakenSeconds = 0;
function startQuiz() {
const name = document.getElementById("studentName").value.trim();
const school = document.getElementById("schoolName").value.trim();
if (!name || !school) {
alert("कृपया विद्यार्थ्यांचे नाव आणि शाळेचे नाव दोन्ही भरा!");
return;
}
studentInfo.name = name;
studentInfo.school = school;
document.getElementById("studentFormSection").classList.add("hidden");
document.getElementById("quizSection").classList.remove("hidden");
document.getElementById("timerDisplay").classList.remove("hidden");
startTimer();
renderQuestion();
}
function startTimer() {
updateTimerUI();
timerInterval = setInterval(() => {
totalTimeInSeconds--;
timeTakenSeconds++;
updateTimerUI();
if (totalTimeInSeconds <= 0) {
clearInterval(timerInterval);
alert("३० मिनिटांचा वेळ संपला आहे! तुमची चाचणी आपोआप सबमिट केली जात आहे.");
submitQuiz();
}
}, 1000);
}
function updateTimerUI() {
const minutes = Math.floor(totalTimeInSeconds / 60);
const seconds = totalTimeInSeconds % 60;
document.getElementById("timeLeft").innerText = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
}
function renderQuestion() {
const q = questionsData[currentIndex];
document.getElementById("currentQuestionNum").innerText = currentIndex + 1;
document.getElementById("categoryBadge").innerText = q.cat;
document.getElementById("questionTextMar").innerText = decodeHtml(q.mar);
const progress = ((currentIndex + 1) / questionsData.length) * 100;
document.getElementById("progressBar").style.width = `${progress}%`;
document.getElementById("progressPercent").innerText = `${Math.round(progress)}%`;
const optionsContainer = document.getElementById("optionsContainer");
optionsContainer.innerHTML = "";
q.opts.forEach((opt, idx) => {
const isSelected = userAnswers[currentIndex] === idx;
const optBtn = document.createElement("button");
optBtn.className = `w-full text-left p-4 rounded-xl border-2 transition-all flex items-center justify-between ${
isSelected
? "border-indigo-600 bg-indigo-50 text-indigo-900 font-semibold shadow-sm"
: "border-gray-200 hover:border-indigo-300 hover:bg-gray-50 text-gray-700"
}`;
optBtn.onclick = () => selectOption(idx);
optBtn.innerHTML = `
<span class="flex items-center">
<span class="w-7 h-7 rounded-full flex items-center justify-center border text-xs mr-3 ${
isSelected ? "bg-indigo-600 text-white border-indigo-600" : "border-gray-300 text-gray-500"
}">${String.fromCharCode(65 + idx)}</span>
${decodeHtml(opt)}
</span>
${isSelected ? '<i class="fa-solid fa-circle-check text-indigo-600"></i>' : ''}
`;
optionsContainer.appendChild(optBtn);
});
document.getElementById("prevBtn").disabled = currentIndex === 0;
if (currentIndex === questionsData.length - 1) {
document.getElementById("nextBtn").classList.add("hidden");
document.getElementById("submitBtn").classList.remove("hidden");
} else {
document.getElementById("nextBtn").classList.remove("hidden");
document.getElementById("submitBtn").classList.add("hidden");
}
}
function selectOption(index) {
userAnswers[currentIndex] = index;
renderQuestion();
}
function nextQuestion() {
if (currentIndex < questionsData.length - 1) {
currentIndex++;
renderQuestion();
}
}
function prevQuestion() {
if (currentIndex > 0) {
currentIndex--;
renderQuestion();
}
}
function submitQuiz() {
if (timerInterval) clearInterval(timerInterval);
let score = 0;
userAnswers.forEach((ans, idx) => {
if (ans === questionsData[idx].ans) {
score++;
}
});
const percentage = Math.round((score / questionsData.length) * 100);
const timeTakenMinutes = Math.floor(timeTakenSeconds / 60);
const timeTakenSecs = timeTakenSeconds % 60;
const formattedTimeTaken = `${String(timeTakenMinutes).padStart(2, '0')}:${String(timeTakenSecs).padStart(2, '0')}`;
document.getElementById("quizSection").classList.add("hidden");
document.getElementById("timerDisplay").classList.add("hidden");
document.getElementById("resultSection").classList.remove("hidden");
document.getElementById("resStudentName").innerText = studentInfo.name;
document.getElementById("resSchoolName").innerText = studentInfo.school;
document.getElementById("resScore").innerText = score;
document.getElementById("resPercentage").innerText = `${percentage}%`;
// GENERATE ANSWER REVIEW
renderAnswerReview();
// Send Data to Google Sheet
sendDataToGoogleSheet(score, percentage, formattedTimeTaken);
}
function renderAnswerReview() {
const reviewContainer = document.getElementById("reviewContainer");
reviewContainer.innerHTML = "";
questionsData.forEach((q, idx) => {
const userAns = userAnswers[idx];
const isCorrect = userAns === q.ans;
const reviewCard = document.createElement("div");
reviewCard.className = `p-4 rounded-xl border ${isCorrect ? 'bg-emerald-50 border-emerald-200' : 'bg-rose-50 border-rose-200'}`;
let userAnsText = userAns !== null ? q.opts[userAns] : "उत्तर दिले नाही";
let correctAnsText = q.opts[q.ans];
reviewCard.innerHTML = `
<div class="flex items-start gap-2">
<span class="text-base ${isCorrect ? 'text-emerald-600' : 'text-rose-600'} mt-0.5">
${isCorrect ? '<i class="fa-solid fa-circle-check"></i>' : '<i class="fa-solid fa-circle-xmark"></i>'}
</span>
<div class="space-y-1 text-sm">
<p class="font-semibold text-gray-800">${idx + 1}. ${q.mar}</p>
<p class="${isCorrect ? 'text-emerald-700 font-medium' : 'text-rose-700'}">
तुमचे उत्तर: <strong>${userAnsText}</strong>
</p>
${!isCorrect ? `<p class="text-emerald-700 font-medium">योग्य उत्तर: <strong>${correctAnsText}</strong></p>` : ''}
</div>
</div>
`;
reviewContainer.appendChild(reviewCard);
});
}
function sendDataToGoogleSheet(score, percentage, timeTaken) {
const syncStatus = document.getElementById("syncStatus");
if (!scriptUrl || scriptUrl.includes("AKfycbwASDB5tt3cA2-u_KftPRuN3LpjexzUhP1tzi_pKOp5aXqx0NdPjAIGvgYXdMkFvDJ1 ")) {
syncStatus.innerHTML = "<span class='text-amber-600'>⚠️ Google Sheet URL सेट केलेली नाही. गुण सेव्ह झाले नाहीत.</span>";
return;
}
const payload = {
name: studentInfo.name,
school: studentInfo.school,
score: score,
total: questionsData.length,
percentage: percentage + "%",
timeTaken: timeTaken,
date: new Date().toLocaleString("en-IN")
};
fetch(scriptUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(() => {
syncStatus.innerHTML = "<span class='text-emerald-600'>✅ तुमचे गुण यशस्वीरीत्या सेव्ह झाले आहेत!</span>";
})
.catch((err) => {
syncStatus.innerHTML = "<span class='text-red-600'>❌ डेटा पाठवताना अडचण आली.</span>";
});
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-39714062731546461822026-09-24T07:01:48.943+05:302026-09-24T07:47:05.367+05:30इयत्ता 4 थी , विषय - इंग्रजी , Punctuation Marks (विरामचिन्हे) च्या सर्व ६ घटकांवर आधारित प्रत्येकी १० बहुपर्यायी प्रश्न<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Punctuation Marks Interactive Quiz</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
</style>
</head>
<body class="flex items-center justify-center p-3 sm:p-6">
<div class="w-full max-w-3xl glass-card rounded-3xl p-4 sm:p-8 relative overflow-hidden transition-all duration-300">
<!-- HEADER -->
<div class="flex justify-between items-center border-b pb-4 mb-6">
<div>
<h1 class="text-xl sm:text-2xl font-bold text-indigo-900">विरामचिन्हे (Punctuation Marks) Quiz</h1>
<p class="text-xs sm:text-sm text-gray-500">एकूण प्रश्न: ६० | गुण: ६० | वेळ: ६० मिनिटे</p>
</div>
<!-- TIMER BADGE (Shown during Quiz) -->
<div id="timerDisplay" class="hidden bg-indigo-100 text-indigo-800 font-bold px-4 py-2 rounded-xl text-sm sm:text-base flex items-center gap-2 border border-indigo-200">
<i class="fa-solid fa-clock text-indigo-600"></i>
<span id="timeLeft">60:00</span>
</div>
</div>
<!-- STUDENT INFO FORM (STEP 1) -->
<div id="studentFormSection" class="space-y-6">
<div class="text-center py-2">
<div class="w-20 h-20 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center mx-auto mb-3 text-3xl">
<i class="fa-solid fa-user-graduate"></i>
</div>
<h2 class="text-xl font-semibold text-gray-800">विद्यार्थ्याची माहिती भरा</h2>
<p class="text-gray-500 text-sm">चाचणी सुरू करण्यासाठी खालील माहिती भरणे आवश्यक आहे.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">विद्यार्थ्याचे पूर्ण नाव (Full Name):</label>
<input type="text" id="studentName" placeholder="उदा. राहुल सचिन पाटील" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">शाळेचे नाव (School Name):</label>
<input type="text" id="schoolName" placeholder="उदा. जि. प. प्राथ. शाळा देऊळगाव राजे" class="w-full border border-gray-300 rounded-xl p-3 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
</div>
</div>
<button onclick="startQuiz()" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold py-3.5 rounded-xl shadow-lg hover:opacity-95 transition transform active:scale-95">
चाचणी सुरू करा (Start Quiz) <i class="fa-solid fa-arrow-right ml-2"></i>
</button>
</div>
<!-- QUIZ SECTION (STEP 2 - Hidden Initially) -->
<div id="quizSection" class="hidden space-y-6">
<!-- TOP PROGRESS BAR -->
<div class="space-y-2">
<div class="flex justify-between items-center text-xs sm:text-sm font-medium text-gray-600">
<span>प्रश्न: <strong id="currentQuestionNum" class="text-indigo-600 text-base">1</strong> / 60</span>
<span>प्रगती: <strong id="progressPercent">0%</strong></span>
</div>
<div class="w-full bg-gray-200 h-2.5 rounded-full overflow-hidden">
<div id="progressBar" class="bg-indigo-600 h-2.5 transition-all duration-300 w-0"></div>
</div>
</div>
<!-- CATEGORY BADGE -->
<div id="categoryBadge" class="inline-block bg-indigo-100 text-indigo-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">
Category
</div>
<!-- QUESTION BOX -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4 sm:p-6 space-y-3">
<h3 id="questionTextEng" class="text-base sm:text-lg font-semibold text-gray-800 leading-relaxed"></h3>
<p id="questionTextMar" class="text-sm sm:text-base text-indigo-700 font-medium border-t border-gray-200 pt-2"></p>
</div>
<!-- OPTIONS -->
<div id="optionsContainer" class="space-y-3"></div>
<!-- NAV BUTTONS -->
<div class="flex justify-between items-center pt-4 border-t border-gray-100">
<button id="prevBtn" onclick="prevQuestion()" class="px-5 py-2.5 border border-gray-300 text-gray-600 rounded-xl font-medium hover:bg-gray-100 transition disabled:opacity-50">
<i class="fa-solid fa-chevron-left mr-2"></i> मागचा
</button>
<button id="nextBtn" onclick="nextQuestion()" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl font-medium transition shadow-md">
पुढचा <i class="fa-solid fa-chevron-right ml-2"></i>
</button>
<button id="submitBtn" onclick="submitQuiz()" class="hidden px-6 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-medium transition shadow-md">
सबमिट करा <i class="fa-solid fa-check ml-2"></i>
</button>
</div>
</div>
<!-- RESULT SECTION (STEP 3 - Hidden Initially) -->
<div id="resultSection" class="hidden text-center py-8 space-y-6">
<div class="w-24 h-24 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-4xl shadow-inner">
<i class="fa-solid fa-trophy"></i>
</div>
<div>
<h2 class="text-2xl sm:text-3xl font-bold text-gray-800 mb-1">अभिनंदन! चाचणी पूर्ण झाली.</h2>
<p class="text-gray-500">तुमचा निकाल खालीलप्रमाणे आहे:</p>
</div>
<div class="bg-gray-50 rounded-2xl p-6 max-w-sm mx-auto border space-y-3">
<div class="flex justify-between text-gray-700">
<span>विद्यार्थ्याचे नाव:</span>
<strong id="resStudentName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>शाळेचे नाव:</span>
<strong id="resSchoolName" class="text-gray-900"></strong>
</div>
<div class="flex justify-between text-gray-700">
<span>एकूण गुण:</span>
<strong class="text-indigo-600 text-lg"><span id="resScore">0</span> / 60</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>टक्केवारी:</span>
<strong id="resPercentage" class="text-emerald-600">0%</strong>
</div>
<div class="flex justify-between text-gray-700">
<span>घेतलेला वेळ:</span>
<strong id="resTimeTaken" class="text-purple-600">00:00</strong>
</div>
</div>
<div id="syncStatus" class="text-sm font-medium text-gray-500 animate-pulse">
Google Sheet मध्ये डेटा अपडेट केला जात आहे...
</div>
<button onclick="location.reload()" class="bg-gray-800 text-white px-8 py-3 rounded-xl font-medium hover:bg-gray-900 transition">
पुन्हा सोडवा (Restart)
</button>
</div>
</div>
<script>
// GOOGLE SHEET WEB APP URL SETTING
const scriptUrl = "https://script.google.com/macros/s/AKfycbwhXsTZXtOqfGfiJeR8nmJ9nGBJXj9aaByvEomhUwD5C4DjI0oZyrYn6xP5-uOphInRjQ/exec";
// Helper function to render Marathi HTML entities correctly
function decodeHtml(html) {
const txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
// QUESTIONS DATA ENGINE (60 Questions with Marathi Meanings)
const questionsData = [
// 1. Capitalization (1-10)
{ cat: "Capitalization", eng: "1. Which sentence uses correct capitalization?", mar: "खालीलपैकी कोणत्या वाक्यात भांडवल अक्षराचा (Capitalization) योग्य वापर केला आहे?", opts: ["i live in Pune.", "I live in pune.", "I live in Pune.", "i Live In Pune."], ans: 2 },
{ cat: "Capitalization", eng: "2. Which words in 'we will visit mumbai next sunday' should begin with a capital letter?", mar: "'we will visit mumbai next sunday' या वाक्यात कोणती शब्द कॅपिटल लेटरने सुरू झाले पाहिजेत?", opts: ["we, mumbai, sunday", "visit, mumbai", "sunday only", "we only"], ans: 0 },
{ cat: "Capitalization", eng: "3. Choose the correct rule for the pronoun 'I'.", mar: "'I' या सर्वनाम वापरासाठी योग्य नियम निवडा.", opts: ["Always small letter", "Always capital letter", "Capital only at the end", "Depends on sentence"], ans: 1 },
{ cat: "Capitalization", eng: "4. Identify the correctly capitalized sentence.", mar: "योग्य कॅपिटलायझेशन असलेले वाक्य ओळखा.", opts: ["My teacher is mr. Sharma.", "My Teacher is Mr. sharma.", "My teacher is Mr. Sharma.", "my teacher is Mr. sharma."], ans: 2 },
{ cat: "Capitalization", eng: "5. Which of the following proper nouns needs capitalization?", mar: "खालीलपैकी कोणत्या विशेष नामाला कॅपिटल लेटर आवश्यक आहे?", opts: ["school", "diwali", "river", "city"], ans: 1 },
{ cat: "Capitalization", eng: "6. Find the sentence with INCORRECT capitalization.", mar: "चुकीचे कॅपिटलायझेशन असलेले वाक्य ओळखा.", opts: ["She speaks English and Hindi.", "Today is Monday.", "Rohan lives in maharashtra.", "We went to Delhi."], ans: 2 },
{ cat: "Capitalization", eng: "7. Which letter of the first word in every sentence must be capitalized?", mar: "प्रत्येक वाक्यातील पहिल्या शब्दाचे कोणते अक्षर कॅपिटल असावे?", opts: ["Last letter", "First letter", "Vowels only", "None"], ans: 1 },
{ cat: "Capitalization", eng: "8. Select the correctly written sentence for month name.", mar: "महिन्याच्या नावासाठी योग्य पद्धतीने लिहिलेले वाक्य निवडा.", opts: ["In July, we have holidays.", "In july, we have holidays.", "in July, we have holidays.", "in july, we have holidays."], ans: 0 },
{ cat: "Capitalization", eng: "9. Choose the option with correct capitalization for a book title.", mar: "पुस्तकाच्या शीर्षकासाठी (Title) योग्य कॅपिटलायझेशन निवडा.", opts: ["harry potter and the sorcerer's stone", "Harry Potter and the Sorcerer's Stone", "Harry potter And The stone", "HARRY potter and Stone"], ans: 1 },
{ cat: "Capitalization", eng: "10. Which sentence is correctly capitalized?", mar: "खालीलपैकी कोणते वाक्य योग्यरीतीने कॅपिटल अक्षरे वापरते?", opts: ["india is my country.", "India is my Country.", "India is my country.", "india Is My Country."], ans: 2 },
// 2. Comma (11-20)
{ cat: "Comma", eng: "11. Where should commas be placed in: 'I bought apples bananas and oranges'?", mar: "'I bought apples bananas and oranges' या वाक्यात स्वल्पविराम (Comma) कुठे असावेत?", opts: ["I bought, apples bananas and oranges.", "I bought apples, bananas, and oranges.", "I bought apples bananas, and oranges.", "I, bought apples bananas and oranges."], ans: 1 },
{ cat: "Comma", eng: "12. Which sentence uses the comma correctly after 'Yes'?", mar: "'Yes' नंतर स्वल्पविराम (Comma) योग्य वापरलेले वाक्य कोणते?", opts: ["Yes, I am going to school.", "Yes I am, going to school.", "Yes I am going, to school.", "Yes I, am going to school."], ans: 0 },
{ cat: "Comma", eng: "13. Identify correct placement of comma in direct address: 'Rahul come here'", mar: "प्रत्यक्ष हाक मारताना ('Rahul come here') स्वल्पविरामाचा योग्य वापर कोणता?", opts: ["Rahul come, here.", "Rahul, come here.", "Rahul come here,", ",Rahul come here."], ans: 1 },
{ cat: "Comma", eng: "14. Choose the correctly punctuated date format.", mar: "दिनांक लिहिण्याची योग्य विरामचिन्हांकित पद्धत निवडा.", opts: ["August 15 1947", "August 15, 1947", "August, 15 1947", "August 15 1947,"], ans: 1 },
{ cat: "Comma", eng: "15. Where should a comma be added in: 'Although it was raining we went out'?", mar: "'Although it was raining we went out' यामध्ये स्वल्पविराम कोठे असावा?", opts: ["After 'raining'", "After 'Although'", "After 'went'", "After 'out'"], ans: 0 },
{ cat: "Comma", eng: "16. Which sentence joins two clauses correctly using a comma?", mar: "स्वल्पविराम वापरून दोन उपवाक्ये जोडणारे योग्य वाक्य कोणते?", opts: ["He was tired, so he went to sleep.", "He was tired so, he went to sleep.", "He was tired so he, went to sleep.", "He, was tired so he went to sleep."], ans: 0 },
{ cat: "Comma", eng: "17. Select the sentence with correct comma usage after 'No'.", mar: "'No' नंतर स्वल्पविराम योग्य वापरलेले वाक्य निवडा.", opts: ["No I, don't want tea.", "No, I don't want tea.", "No I don't, want tea.", "No I don't want, tea."], ans: 1 },
{ cat: "Comma", eng: "18. In the sentence 'I like apples, oranges, and bananas', why are commas used?", mar: "'I like apples, oranges, and bananas' या वाक्यात स्वल्पविराम (Comma) का वापरले आहेत?", opts: ["To separate items in a list (गोष्टींची यादी वेगळी करण्यासाठी)", "To end the sentence (वाक्य संपवण्यासाठी)", "To ask a question (प्रश्न विचारण्यासाठी)", "To show excitement (आनंद दाखवण्यासाठी)"], ans: 0 },
{ cat: "Comma", eng: "19. Identify correct comma placement before direct speech: She said 'I am ready'", mar: "प्रत्यक्ष कथनापूर्वी कॉमाचा योग्य वापर ओळखा.", opts: ["She said 'I am ready.'", "She said, 'I am ready.'", "She said 'I am, ready.'", "She, said 'I am ready.'"], ans: 1 },
{ cat: "Comma", eng: "20. Which sentence needs a comma?", mar: "खालीलपैकी कोणत्या वाक्याला स्वल्पविरामाची (Comma) गरज आहे?", opts: ["The dog barked loudly.", "Well I think you are right.", "She likes to read books.", "They went to the market."], ans: 1 },
// 3. Full Stop (21-30)
{ cat: "Full Stop", eng: "21. A full stop is used at the end of which sentence?", mar: "पूर्णविराम (.) कोणत्या प्रकारच्या वाक्याच्या शेवटी वापरला जातो?", opts: ["Interrogative", "Assertive / Declarative", "Exclamatory", "Question"], ans: 1 },
{ cat: "Full Stop", eng: "22. Which sentence ends with a correct full stop?", mar: "योग्य पूर्णविरामाने शेवट होणारे वाक्य कोणते?", opts: ["The sun rises in the east.", "What is your name.", "Wow, what a lovely place.", "Where are you going."], ans: 0 },
{ cat: "Full Stop", eng: "23. Full stop is also used in which of the following?", mar: "पूर्णविराम इतर कशासाठी वापरला जातो?", opts: ["Questions", "Abbreviations (e.g., Dr., Mr.)", "Exclamations", "Joining words"], ans: 1 },
{ cat: "Full Stop", eng: "24. Which option shows correct use of full stop in name abbreviation?", mar: "नावाच्या संक्षेपात पूर्णविरामाचा योग्य वापर दर्शवणारा पर्याय कोणता?", opts: ["Dr. APJ Abdul Kalam", "Dr APJ. Abdul Kalam", "Dr. A. P. J. Abdul Kalam", "Dr A P J. Abdul Kalam"], ans: 2 },
{ cat: "Full Stop", eng: "25. Identify the imperative sentence that correctly ends with a full stop.", mar: "पूर्णविरामाने शेवट होणारे योग्य आज्ञार्थी वाक्य ओळखा.", opts: ["Please close the door.", "Please close the door?", "Please close the door!", "Please, close, the door?"], ans: 0 },
{ cat: "Full Stop", eng: "26. Which symbol represents a Full Stop in English?", mar: "इंग्रजीत पूर्णविराम दर्शवणारे चिन्ह कोणते?", opts: [",", "?", ".", "!"], ans: 2 },
{ cat: "Full Stop", eng: "27. Choose the sentence that does NOT end with a full stop.", mar: "पूर्णविरामाने शेवट न होणारे वाक्य निवडा.", opts: ["I am completing homework", "Birds fly in the sky", "How beautiful this flower is", "The train arrived on time"], ans: 2 },
{ cat: "Full Stop", eng: "28. In time notation, how is full stop correctly used?", mar: "वेळ दर्शवताना डॉटचा योग्य वापर कसा केला जातो?", opts: ["7.30 a.m.", "7,30 a,m", "7?30 a?m", "7!30 a!m"], ans: 0 },
{ cat: "Full Stop", eng: "29. What type of letter comes right after a full stop?", mar: "पूर्णविरामानंतर येणाऱ्या नवीन शब्दाचे पहिले अक्षर कसे असावे?", opts: ["Small letter", "Capital letter", "Comma", "Number"], ans: 1 },
{ cat: "Full Stop", eng: "30. Find the correctly punctuated sentence with full stops.", mar: "पूर्णविरामांचा योग्य वापर असलेले वाक्य ओळखा.", opts: ["My school name is Z. P. School.", "My school name is Z P School", "My school name is Z, P, School.", "My school name is Z? P? School."], ans: 0 },
// 4. Question Mark (31-40)
{ cat: "Question Mark", eng: "31. A Question Mark (?) is used at the end of a/an:", mar: "प्रश्नचिन्ह (?) वाक्याच्या शेवटी कधी वापरले जाते?", opts: ["Statement", "Direct Question", "Command", "Exclamation"], ans: 1 },
{ cat: "Question Mark", eng: "32. Select the sentence that requires a Question Mark.", mar: "प्रश्नचिन्हाची गरज असलेले वाक्य निवडा.", opts: ["I am going home", "What time is it", "What a nice picture", "Shut the door"], ans: 1 },
{ cat: "Question Mark", eng: "33. Which sentence is punctuated correctly with '?'?", mar: "प्रश्नचिन्हासह योग्य विरामचिन्हांकित वाक्य कोणते?", opts: ["Where do you live?", "Where do you live.", "Where do you live!", "Where do, you live?"], ans: 0 },
{ cat: "Question Mark", eng: "34. Which of the following is an indirect question (ends with '.')?", mar: "खालीलपैकी कोणता अप्रत्यक्ष प्रश्न (Indirect Question) आहे?", opts: ["Where are you going?", "He asked where I was going.", "Who is your teacher?", "Can you help me?"], ans: 1 },
{ cat: "Question Mark", eng: "35. In 'She is clever, isn't she?', what separates the main sentence and question tag?", mar: "'She is clever, isn't she?' या वाक्यात मुख्य वाक्य आणि Question Tag कशाने वेगळे केले आहे?", opts: ["Comma (,)", "Full Stop (.)", "Question Mark (?)", "Exclamation Mark (!)"], ans: 0 },
{ cat: "Question Mark", eng: "36. Which mark will come at the end of 'Can you help me'?", mar: "'Can you help me' या वाक्याच्या शेवटी कोणते विरामचिन्ह येईल?", opts: ["Full stop (.)", "Question mark (?)", "Comma (,)", "Exclamation mark (!)"], ans: 1 },
{ cat: "Question Mark", eng: "37. Choose the INCORRECT sentence punctuation.", mar: "चुकीचे विरामचिन्ह दिलेले वाक्य निवडा.", opts: ["Why are you late?", "Is this your pen?", "How are you.", "Whom did you meet?"], ans: 2 },
{ cat: "Question Mark", eng: "38. Which punctuation mark replaces full stop in direct question?", mar: "प्रत्यक्ष प्रश्न विचारताना पूर्णविरामाऐवजी कोणते चिन्ह येते?", opts: ["Comma", "Apostrophe", "Question Mark", "Exclamation Mark"], ans: 2 },
{ cat: "Question Mark", eng: "39. Choose the correct punctuation for: 'When will the test start'", mar: "'When will the test start' साठी योग्य विरामचिन्ह निवडा.", opts: ["When will the test start.", "When will the test start?", "When will the test start!", "When, will test start."], ans: 1 },
{ cat: "Question Mark", eng: "40. Identify the question sentence.", mar: "खालीलपैकी प्रश्नार्थक वाक्य ओळखा.", opts: ["She loves drawing", "Have you eaten lunch", "Open your books", "Hurrah we won"], ans: 1 },
// 5. Apostrophe (41-50)
{ cat: "Apostrophe", eng: "41. What is the main function of an Apostrophe (')?", mar: "Apostrophe (') चे मुख्य कार्य काय आहे?", opts: ["End a sentence", "Show possession or contraction", "List items", "Ask questions"], ans: 1 },
{ cat: "Apostrophe", eng: "42. Which option shows correct contraction for 'do not'?", mar: "'do not' साठी योग्य संक्षेप (Contraction) कोणता?", opts: ["dont'", "do'nt", "don't", "d'ont"], ans: 2 },
{ cat: "Apostrophe", eng: "43. Which sentence correctly shows possession for singular noun?", mar: "एकवचनी नामाची मालकी दर्शवणारे योग्य वाक्य कोणते?", opts: ["This is Riya's book.", "This is Riyas' book.", "This is Riyas book'.", "This is Riya book's."], ans: 0 },
{ cat: "Apostrophe", eng: "44. How to show possession for plural noun ending in 's' (teachers)?", mar: "'s' ने शेवट होणाऱ्या अनेकवचनी नामाची मालकी कशी दाखवावी?", opts: ["teacher's", "teachers'", "teachers's", "teacher's'"], ans: 1 },
{ cat: "Apostrophe", eng: "45. Choose the correct difference between 'It's' and 'Its'.", mar: "'It's' आणि 'Its' मधील योग्य फरक निवडा.", opts: ["'It's' = It is, 'Its' = Possession", "'Its' = It is, 'It's' = Possession", "Both are same", "Neither uses apostrophe"], ans: 0 },
{ cat: "Apostrophe", eng: "46. What is the contraction for 'I have'?", mar: "'I have' चा योग्य संक्षेप कोणता?", opts: ["I've", "Ih've", "Iv'e", "I'ha"], ans: 0 },
{ cat: "Apostrophe", eng: "47. Identify correct plural possessive sentence.", mar: "अनेकवचनी मालकी दर्शवणारे योग्य वाक्य ओळखा.", opts: ["The boys' locker room is clean.", "The boy's locker room is clean.", "The boys locker's room is clean.", "The boyses room is clean."], ans: 0 },
{ cat: "Apostrophe", eng: "48. Is an apostrophe (') needed in 'This book is hers'?", mar: "'This book is hers' या वाक्यातील 'hers' मध्ये Apostrophe (') ची गरज आहे का?", opts: ["No, 'hers' is written without an apostrophe (नाही, Apostrophe ची गरज नाही)", "Yes, it should be her's", "Yes, it should be hers'", "Yes, it should be h'ers"], ans: 0 },
{ cat: "Apostrophe", eng: "49. Choose correct apostrophe for irregular plural 'children'.", mar: "'children' या अनियमित अनेकवचनासाठी योग्य Apostrophe वापरा.", opts: ["children's toys", "childrens' toys", "childrens's toys", "children toys'"], ans: 0 },
{ cat: "Apostrophe", eng: "50. Select the correct sentence with apostrophe.", mar: "Apostrophe सह योग्य वाक्य निवडा.", opts: ["She's going to the market.", "Shes' going to the market.", "She's going to the market'", "Shees going to the market."], ans: 0 },
// 6. Exclamation Mark (51-60)
{ cat: "Exclamation Mark", eng: "51. An Exclamation Mark (!) is used to express:", mar: "विस्मयादिबोधक चिन्ह (!) काय व्यक्त करण्यासाठी वापरले जाते?", opts: ["Simple facts", "Strong feelings or sudden emotions", "Questions", "Lists"], ans: 1 },
{ cat: "Exclamation Mark", eng: "52. Which sentence should end with an Exclamation Mark?", mar: "कोणत्या वाक्याच्या शेवटी विस्मयादिबोधक चिन्ह असावे?", opts: ["What a wonderful surprise", "What is your age", "I go to school daily", "This is a pencil"], ans: 0 },
{ cat: "Exclamation Mark", eng: "53. Choose correct punctuation for the interjection 'Wow'.", mar: "'Wow' या केवलप्रयोगी शब्दासाठी योग्य विरामचिन्ह निवडा.", opts: ["Wow.", "Wow!", "Wow?", "Wow,"], ans: 1 },
{ cat: "Exclamation Mark", eng: "54. Which sentence expresses excitement correctly?", mar: "आनंद/उत्साह योग्य प्रकारे व्यक्त करणारे वाक्य कोणते?", opts: ["Hurrah! We won the match.", "Hurrah? We won the match.", "Hurrah. We won the match.", "Hurrah, We won the match?"], ans: 0 },
{ cat: "Exclamation Mark", eng: "55. Identify the exclamatory sentence.", mar: "उद्गारवाचक वाक्य ओळखा.", opts: ["How old are you?", "How fast he runs!", "He runs fast.", "Run fast."], ans: 1 },
{ cat: "Exclamation Mark", eng: "56. Which mark is used after a strong command: 'Watch out'?", mar: "तीव्र इशारा किंवा कडक आज्ञेनंतर ('Watch out') कोणते चिन्ह वापरतात?", opts: ["?", ".", "!", ","], ans: 2 },
{ cat: "Exclamation Mark", eng: "57. Choose the INCORRECT usage of Exclamation Mark.", mar: "विस्मयादिबोधक चिन्हाचा चुकीचा वापर निवडा.", opts: ["Ouch! That hurt.", "Alas! He lost his dog.", "My name is Amit!", "Bravo! Well done."], ans: 2 },
{ cat: "Exclamation Mark", eng: "58. Which sentence is punctuated correctly with '!'?", mar: "'!' चा वापर करून योग्य विरामचिन्हांकित वाक्य कोणते?", opts: ["Oh no! I forgot my keys.", "Oh no? I forgot my keys.", "Oh no. I forgot my keys?", "Oh no, I forgot my keys?"], ans: 0 },
{ cat: "Exclamation Mark", eng: "59. When should Exclamation mark be used?", mar: "विस्मयादिबोधक चिन्ह कधी वापरावे?", opts: ["In every sentence", "Sparingly for strong emotions", "Instead of full stops always", "Only in questions"], ans: 1 },
{ cat: "Exclamation Mark", eng: "60. Which interjection shows sadness with an exclamation mark?", mar: "दुःख व्यक्त करणारा केवलप्रयोगी शब्द कोणता?", opts: ["Hurrah!", "Yay!", "Alas!", "Wow!"], ans: 2 }
];
// APP STATE
let currentIndex = 0;
let userAnswers = new Array(questionsData.length).fill(null);
let studentInfo = { name: "", school: "" };
// TIMER VARIABLES (60 Minutes)
let totalTimeInSeconds = 60 * 60;
let timerInterval = null;
let timeTakenSeconds = 0;
function startQuiz() {
const name = document.getElementById("studentName").value.trim();
const school = document.getElementById("schoolName").value.trim();
if (!name || !school) {
alert("कृपया विद्यार्थ्यांचे नाव आणि शाळेचे नाव दोन्ही भरा!");
return;
}
studentInfo.name = name;
studentInfo.school = school;
document.getElementById("studentFormSection").classList.add("hidden");
document.getElementById("quizSection").classList.remove("hidden");
document.getElementById("timerDisplay").classList.remove("hidden");
startTimer();
renderQuestion();
}
function startTimer() {
updateTimerUI();
timerInterval = setInterval(() => {
totalTimeInSeconds--;
timeTakenSeconds++;
updateTimerUI();
if (totalTimeInSeconds <= 0) {
clearInterval(timerInterval);
alert("६० मिनिटांचा वेळ संपला आहे! तुमची चाचणी आपोआप सबमिट केली जात आहे.");
submitQuiz();
}
}, 1000);
}
function updateTimerUI() {
const minutes = Math.floor(totalTimeInSeconds / 60);
const seconds = totalTimeInSeconds % 60;
const formattedTime = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
document.getElementById("timeLeft").innerText = formattedTime;
}
function renderQuestion() {
const q = questionsData[currentIndex];
document.getElementById("currentQuestionNum").innerText = currentIndex + 1;
document.getElementById("categoryBadge").innerText = q.cat;
document.getElementById("questionTextEng").innerText = decodeHtml(q.eng);
document.getElementById("questionTextMar").innerText = decodeHtml(q.mar);
// Update Progress
const progress = ((currentIndex + 1) / questionsData.length) * 100;
document.getElementById("progressBar").style.width = `${progress}%`;
document.getElementById("progressPercent").innerText = `${Math.round(progress)}%`;
// Render Options
const optionsContainer = document.getElementById("optionsContainer");
optionsContainer.innerHTML = "";
q.opts.forEach((opt, idx) => {
const isSelected = userAnswers[currentIndex] === idx;
const optBtn = document.createElement("button");
optBtn.className = `w-full text-left p-4 rounded-xl border-2 transition-all flex items-center justify-between ${
isSelected
? "border-indigo-600 bg-indigo-50 text-indigo-900 font-semibold shadow-sm"
: "border-gray-200 hover:border-indigo-300 hover:bg-gray-50 text-gray-700"
}`;
optBtn.onclick = () => selectOption(idx);
optBtn.innerHTML = `
<span class="flex items-center">
<span class="w-7 h-7 rounded-full flex items-center justify-center border text-xs mr-3 ${
isSelected ? "bg-indigo-600 text-white border-indigo-600" : "border-gray-300 text-gray-500"
}">${String.fromCharCode(65 + idx)}</span>
${decodeHtml(opt)}
</span>
${isSelected ? '<i class="fa-solid fa-circle-check text-indigo-600"></i>' : ''}
`;
optionsContainer.appendChild(optBtn);
});
// Buttons Control
document.getElementById("prevBtn").disabled = currentIndex === 0;
if (currentIndex === questionsData.length - 1) {
document.getElementById("nextBtn").classList.add("hidden");
document.getElementById("submitBtn").classList.remove("hidden");
} else {
document.getElementById("nextBtn").classList.remove("hidden");
document.getElementById("submitBtn").classList.add("hidden");
}
}
function selectOption(index) {
userAnswers[currentIndex] = index;
renderQuestion();
}
function nextQuestion() {
if (currentIndex < questionsData.length - 1) {
currentIndex++;
renderQuestion();
}
}
function prevQuestion() {
if (currentIndex > 0) {
currentIndex--;
renderQuestion();
}
}
function submitQuiz() {
if (timerInterval) clearInterval(timerInterval);
let score = 0;
userAnswers.forEach((ans, idx) => {
if (ans === questionsData[idx].ans) {
score++;
}
});
const percentage = Math.round((score / questionsData.length) * 100);
// Format Time Taken
const timeTakenMinutes = Math.floor(timeTakenSeconds / 60);
const timeTakenSecs = timeTakenSeconds % 60;
const formattedTimeTaken = `${String(timeTakenMinutes).padStart(2, '0')}:${String(timeTakenSecs).padStart(2, '0')}`;
document.getElementById("quizSection").classList.add("hidden");
document.getElementById("timerDisplay").classList.add("hidden");
document.getElementById("resultSection").classList.remove("hidden");
document.getElementById("resStudentName").innerText = studentInfo.name;
document.getElementById("resSchoolName").innerText = studentInfo.school;
document.getElementById("resScore").innerText = score;
document.getElementById("resPercentage").innerText = `${percentage}%`;
document.getElementById("resTimeTaken").innerText = `${formattedTimeTaken} मिंग/सेकंद`;
// Send Data to Google Sheet
sendDataToGoogleSheet(score, percentage, formattedTimeTaken);
}
function sendDataToGoogleSheet(score, percentage, timeTaken) {
const syncStatus = document.getElementById("syncStatus");
if (!scriptUrl || scriptUrl.includes("YOUR_DEPLOYMENT_ID")) {
syncStatus.innerHTML = "<span class='text-amber-600'>⚠️ Google Sheet URL सेट केलेली नाही. गुण सेव्ह झाले नाहीत.</span>";
return;
}
const payload = {
name: studentInfo.name,
school: studentInfo.school,
score: score,
total: questionsData.length,
percentage: percentage + "%",
timeTaken: timeTaken,
date: new Date().toLocaleString("en-IN")
};
fetch(scriptUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(() => {
syncStatus.innerHTML = "<span class='text-emerald-600'>✅ तुमचे गुण यशस्वीरीत्या सेव्ह झाले आहेत!</span>";
})
.catch((err) => {
syncStatus.innerHTML = "<span class='text-red-600'>❌ डेटा पाठवताना अडचण आली.</span>";
});
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-19862911834209572902026-09-23T07:57:20.535+05:302026-09-23T08:15:28.681+05:30 इयत्ता ४ थी, गणित भाग 2, शिष्यवृत्ती परीक्षा , अंशाधिक, छेदाधिक व पूर्णांकयुक्त अपूर्णांक, तुलना व परस्पर रूपांतर<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>इयत्ता ४ थी / ५ वी - अपूर्णांक चाचणी</title>
<style>
body{
font-family:Arial,sans-serif;
background:#f4f6f9;
margin:0;
padding:10px;
color:#222;
}
.test-container{
max-width:750px;
margin:auto;
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 3px 12px rgba(0,0,0,.12);
}
h2{
text-align:center;
color:#1a73e8;
margin-bottom:5px;
}
h3{
text-align:center;
color:#555;
margin-top:5px;
}
.student-info{
background:#e8f0fe;
padding:15px;
border-radius:10px;
margin:20px 0;
}
.form-group{
margin-bottom:15px;
}
.form-group label{
display:block;
font-weight:bold;
margin-bottom:6px;
}
.form-group input{
width:100%;
box-sizing:border-box;
padding:11px;
border:1px solid #bbb;
border-radius:6px;
font-size:16px;
}
/* TIMER STYLE */
.timer-box {
background: #fff3cd;
color: #856404;
border: 1px solid #ffeeba;
padding: 10px;
border-radius: 8px;
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.section-title{
background:#1a73e8;
color:white;
padding:10px;
border-radius:6px;
font-weight:bold;
margin:15px 0 12px;
text-align: center;
}
.q-box{
background:#fafafa;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:15px;
}
.q-title{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
line-height: 1.4;
}
/* OPTIONS STYLE WITH GREEN SELECTION */
.option{
display:block;
padding:12px 10px;
cursor:pointer;
font-size:16px;
border: 2px solid #eee;
border-radius: 8px;
margin-bottom: 10px;
background: #fff;
transition: all 0.2s ease;
}
.option:hover{
background: #f0f4fe;
}
/* SELECTED OPTION GREEN STYLE */
.option.selected {
background-color: #d4edda !important;
border-color: #28a745 !important;
color: #155724;
font-weight: bold;
}
.option input{
margin-right:10px;
transform:scale(1.2);
}
.btn-container{
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 20px;
}
.nav-btn, .submit-btn{
flex: 1;
background:#1a73e8;
color:white;
border:none;
padding:12px;
font-size:16px;
font-weight:bold;
border-radius:7px;
cursor:pointer;
}
.nav-btn:disabled, .submit-btn:disabled{
background:#ccc;
cursor: not-allowed;
}
.start-btn{
width: 100%;
background: #28a745;
color: white;
border: none;
padding: 14px;
font-size: 18px;
font-weight: bold;
border-radius: 7px;
cursor: pointer;
}
#resultBox{
display:none;
text-align:center;
padding:25px 15px;
background:#d4edda;
color:#155724;
border-radius:10px;
margin-top:20px;
font-size:20px;
font-weight:bold;
}
.score{
font-size:30px;
margin:15px;
}
.progress-text {
text-align: center;
font-weight: bold;
color: #666;
margin-bottom: 10px;
}
/* REVIEW BOX STYLES */
.review-box {
display: none;
margin-top: 25px;
text-align: left;
}
.review-item {
background: #f8f9fa;
border-left: 5px solid #dc3545;
padding: 15px;
margin-bottom: 15px;
border-radius: 6px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.review-item.correct {
border-left-color: #28a745;
}
.review-q {
font-weight: bold;
font-size: 16px;
margin-bottom: 8px;
}
.user-ans {
color: #dc3545;
font-weight: bold;
}
.correct-ans {
color: #28a745;
font-weight: bold;
}
.review-btn {
background: #17a2b8;
color: white;
border: none;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
margin-top: 15px;
}
</style>
</head>
<body>
<div class="test-container">
<h2>शिष्यवृत्ती परीक्षा - गणित</h2>
<h3>घटक: अंशाधिक, छेदाधिक व पूर्णांकयुक्त अपूर्णांक, तुलना व रूपांतर</h3>
<h3>एकूण प्रश्न : ३० | गुण : ३० | वेळ : ५० मिनिटे</h3>
<div id="startScreen" class="student-info">
<div class="form-group">
<label>विद्यार्थ्याचे संपूर्ण नाव *</label>
<input type="text" id="sName" placeholder="तुमचे संपूर्ण नाव टाका" required>
</div>
<div class="form-group">
<label>शाळेचे नाव *</label>
<input type="text" id="sSchool" placeholder="तुमच्या शाळेचे नाव टाका" required>
</div>
<button type="button" class="start-btn" onclick="startQuiz()">चाचणी सुरू करा</button>
</div>
<form id="quizForm" style="display:none;">
<div class="timer-box" id="timerDisplay">⏰ वेळ शिल्लक: ५०:००</div>
<div class="progress-text" id="progressText"></div>
<div id="questionsContainer"></div>
<div class="btn-container">
<button type="button" class="nav-btn" id="prevBtn" onclick="changeQuestion(-1)">← मागे</button>
<button type="button" class="nav-btn" id="nextBtn" onclick="changeQuestion(1)">पुढे →</button>
<button type="button" class="submit-btn" id="submitBtn" style="display:none;" onclick="submitQuiz()">चाचणी सबमिट करा</button>
</div>
</form>
<div id="resultBox"></div>
<div id="reviewContainer" class="review-box"></div>
</div>
<script>
/* =====================================================
GOOGLE APPS SCRIPT WEB APP URL
===================================================== */
const scriptURL =
'https://script.google.com/macros/s/AKfycby8A3W6fRtk4TbF6mZRb-p9BY2zSfFdGksfOZgFUPumpA2BfINBYr6S-OTDx4t0YYFc/exec';
/* =====================================================
QUESTIONS (30 QUESTIONS)
===================================================== */
const quizData = [
{
section:"भाग १ : अपूर्णांकांचे प्रकार (अंशाधिक, छेदाधिक व पूर्णांकयुक्त)",
q:"प्र. १) ज्या अपूर्णांकाचा अंश छेदापेक्षा मोठा असतो, त्याला काय म्हणतात?",
options:["छेदाधिक अपूर्णांक","अंशाधिक अपूर्णांक","सममूल्य अपूर्णांक","पूर्णांकयुक्त अपूर्णांक"],
ans:1
},
{
q:"प्र. २) 3/7 हा खालीलपैकी कोणत्या प्रकारचा अपूर्णांक आहे?",
options:["अंशाधिक अपूर्णांक","छेदाधिक अपूर्णांक","पूर्णांकयुक्त अपूर्णांक","समदिश अपूर्णांक"],
ans:1
},
{
q:"प्र. ३) 9/4 हा अपूर्णांक कोणता आहे?",
options:["छेदाधिक अपूर्णांक","पूर्णांकयुक्त अपूर्णांक","अंशाधिक अपूर्णांक","यांपैकी नाही"],
ans:2
},
{
q:"प्र. ४) 2 ¾ हा खालीलपैकी कोणत्या प्रकारचा अपूर्णांक आहे?",
options:["पूर्णांकयुक्त अपूर्णांक","छेदाधिक अपूर्णांक","अंशाधिक अपूर्णांक","विषम अपूर्णांक"],
ans:0
},
{
q:"प्र. ५) खालीलपैकी 'छेदाधिक अपूर्णांक' कोणता आहे?",
options:["8/5","11/3","4/9","7/2"],
ans:2
},
{
q:"प्र. ६) खालीलपैकी 'अंशाधिक अपूर्णांक' कोणता आहे?",
options:["5/8","9/10","12/7","1/6"],
ans:2
},
{
q:"प्र. ७) पूर्णांकयुक्त अपूर्णांकामध्ये किती भाग असतात?",
options:["फक्त १ भाग","पूर्णांक आणि अपूर्णांक असे २ भाग","३ भाग","४ भाग"],
ans:1
},
{
q:"प्र. ८) ज्या अपूर्णांकाचा छेद अंशापेक्षा मोठा असतो त्याला काय म्हणतात?",
options:["अंशाधिक अपूर्णांक","छेदाधिक अपूर्णांक","पूर्णांकयुक्त अपूर्णांक","समान अपूर्णांक"],
ans:1
},
{
q:"प्र. ९) 15/15 या अपूर्णांकाचे मूल्य किती होईल?",
options:["0","1","15","30"],
ans:1
},
{
q:"प्र. १०) 7 ½ या अपूर्णांकात '7' हा भाग कोणता दर्शवतो?",
options:["अंश","छेद","पूर्णांक","अपूर्णांक"],
ans:2
},
{
section:"भाग २ : अपूर्णांकाचे परस्पर रूपांतर",
q:"प्र. ११) 13/4 या अंशाधिक अपूर्णांकाचे पूर्णांकयुक्त अपूर्णांकात रूपांतर करा.",
options:["3 ¼","2 ¾","3 ½","4 ¼"],
ans:0
},
{
q:"प्र. १२) 3 ⅖ या पूर्णांकयुक्त अपूर्णांकाचे अंशाधिक अपूर्णांकात रूपांतर काय होईल?",
options:["11/5","17/5","15/5","13/5"],
ans:1
},
{
q:"प्र. १३) 23/5 हा पूर्णांकयुक्त अपूर्णांकात कसा लिहिला जाईल?",
options:["4 ⅗","4 ⅖","5 ⅗","3 ⅘"],
ans:0
},
{
q:"प्र. १४) 5 ⅓ चे अंशाधिक अपूर्णांकात मूल्य किती होईल?",
options:["15/3","16/3","17/3","14/3"],
ans:1
},
{
q:"प्र. १५) 17/2 या अपूर्णांकाचे पूर्णांकयुक्त रूप कोणते योग्य आहे?",
options:["8 ½","7 ½","9 ½","8 ⅓"],
ans:0
},
{
q:"प्र. १६) 4 ½ चे अंशाधिक अपूर्णांकात रूपांतर करा.",
options:["8/2","9/2","7/2","10/2"],
ans:1
},
{
q:"प्र. १७) 21/4 हा अपूर्णांक पूर्णांकयुक्त स्वरूपात कसा दर्शवाल?",
options:["5 ¼","4 ¼","5 ½","6 ¼"],
ans:0
},
{
q:"प्र. १८) 6 ⅔ या अपूर्णांकाची अंशाधिक मांडणी कोणती?",
options:["18/3","20/3","14/3","12/3"],
ans:1
},
{
q:"प्र. १९) 31/10 याचे पूर्णांकयुक्त रूप काय येईल?",
options:["3 1/10","3 2/10","4 1/10","2 9/10"],
ans:0
},
{
q:"प्र. २०) 8 ⅛ चा अंशाधिक अपूर्णांक ओळखा.",
options:["64/8","65/8","66/8","63/8"],
ans:1
},
{
section:"भाग ३ : अपूर्णांकांची तुलना (लहान-मोठेपणा)",
q:"प्र. २१) 5/9 आणि 7/9 यांमध्ये कोणता अपूर्णांक मोठा आहे?",
options:["5/9","7/9","दोन्ही समान","सांगता येत नाही"],
ans:1
},
{
q:"प्र. २२) 8/13 आणि 8/15 यांमध्ये कोणता अपूर्णांक मोठा आहे?",
options:["8/15","8/13","दोन्ही समान","यांपैकी नाही"],
ans:1
},
{
q:"प्र. २३) 2/3 आणि 3/4 यांपैकी मोठा अपूर्णांक कोणता?",
options:["2/3","3/4","दोन्ही समान","सांगता येत नाही"],
ans:1
},
{
q:"प्र. २४) खालीलपैकी सर्वात मोठा अपूर्णांक कोणता?",
options:["3/11","7/11","5/11","9/11"],
ans:3
},
{
q:"प्र. २५) छेदाधिक अपूर्णांकाचे मूल्य नेहमी ______ पेक्षा कमी असते.",
options:["0","1","2","10"],
ans:1
},
{
q:"प्र. २६) अंशाधिक अपूर्णांकाचे मूल्य नेहमी ______ पेक्षा मोठे किंवा समान असते.",
options:["1","0","10","100"],
ans:0
},
{
q:"प्र. २७) 3 ⅘ आणि 19/5 या दोन्ही अपूर्णांकांबद्दल काय सत्य आहे?",
options:["3 ⅘ मोठा आहे","19/5 मोठा आहे","दोन्ही समान आहेत","यांपैकी नाही"],
ans:2
},
{
q:"प्र. २८) खालीलपैकी कोणता अपूर्णांक चढत्या क्रमाने मांडला आहे?",
options:["2/7, 4/7, 5/7, 6/7","6/7, 5/7, 4/7, 2/7","4/7, 2/7, 6/7, 5/7","5/7, 6/7, 2/7, 4/7"],
ans:0
},
{
q:"प्र. २९) 11/4 या अंशाधिक अपूर्णांकात किती पूर्ण भाग व किती अपूर्ण भाग आहेत?",
options:["2 पूर्ण व 3/4 अपूर्ण","3 पूर्ण व 1/4 अपूर्ण","2 पूर्ण व 1/4 अपूर्ण","1 पूर्ण व 3/4 अपूर्ण"],
ans:0
},
{
q:"प्र. ३०) 4 ½ आणि 9/2 यांपैकी कोणता अपूर्णांक मोठा आहे?",
options:["4 ½","9/2","दोन्ही समान आहेत","सांगता येत नाही"],
ans:2
}
];
let currentQuestion = 0;
const userAnswers = {};
let timerInterval;
let timeLeft = 3000; // 50 minutes in seconds
function startQuiz(){
const name = document.getElementById("sName").value.trim();
const school = document.getElementById("sSchool").value.trim();
if(!name){
alert("कृपया विद्यार्थ्याचे नाव भरा.");
return;
}
if(!school){
alert("कृपया शाळेचे नाव भरा.");
return;
}
document.getElementById("startScreen").style.display = "none";
document.getElementById("quizForm").style.display = "block";
startTimer();
showQuestion(currentQuestion);
}
/* =====================================================
TIMER FUNCTIONALITY
===================================================== */
function startTimer(){
timerInterval = setInterval(function(){
let minutes = Math.floor(timeLeft / 60);
let seconds = timeLeft % 60;
if(seconds < 10) seconds = "0" + seconds;
if(minutes < 10) minutes = "0" + minutes;
document.getElementById("timerDisplay").innerText = `⏰ वेळ शिल्लक: ${minutes}:${seconds}`;
if(timeLeft <= 0){
clearInterval(timerInterval);
alert("तुमची वेळ संपली आहे! चाचणी आपोआप सबमिट होत आहे.");
submitQuiz();
}
timeLeft--;
}, 1000);
}
function showQuestion(index){
const container = document.getElementById("questionsContainer");
const qData = quizData[index];
let html = "";
if(qData.section){
html += `<div class="section-title">${qData.section}</div>`;
}
html += `
<div class="q-box">
<div class="q-title">${qData.q}</div>
`;
qData.options.forEach(function(option, oIndex){
const isChecked = userAnswers[index] === oIndex ? "checked" : "";
const isSelectedClass = userAnswers[index] === oIndex ? "selected" : "";
html += `
<label class="option ${isSelectedClass}" id="opt_${oIndex}">
<input type="radio" name="q${index}" value="${oIndex}" ${isChecked} onchange="saveAnswer(${index}, ${oIndex})">
${option}
</label>
`;
});
html += `</div>`;
container.innerHTML = html;
// Update Progress
document.getElementById("progressText").innerText = `प्रश्न ${index + 1} / ${quizData.length}`;
// Update Buttons
document.getElementById("prevBtn").disabled = (index === 0);
if(index === quizData.length - 1){
document.getElementById("nextBtn").style.display = "none";
document.getElementById("submitBtn").style.display = "block";
} else {
document.getElementById("nextBtn").style.display = "block";
document.getElementById("submitBtn").style.display = "none";
}
}
function saveAnswer(qIndex, optionIndex){
userAnswers[qIndex] = optionIndex;
// Highlight selected option in Green
const labels = document.querySelectorAll('.option');
labels.forEach(label => label.classList.remove('selected'));
const selectedLabel = document.getElementById(`opt_${optionIndex}`);
if(selectedLabel){
selectedLabel.classList.add('selected');
}
}
function changeQuestion(direction){
currentQuestion += direction;
showQuestion(currentQuestion);
}
/* =====================================================
SUBMIT TEST
===================================================== */
function submitQuiz(){
clearInterval(timerInterval); // Stop Timer
const name = document.getElementById("sName").value.trim();
const school = document.getElementById("sSchool").value.trim();
let score = 0;
quizData.forEach(function(q, index){
if(userAnswers[index] !== undefined && userAnswers[index] === q.ans){
score++;
}
});
const button = document.getElementById("submitBtn");
button.disabled = true;
button.innerText = "चाचणी सबमिट होत आहे...";
const payload = {
name: name,
school: school,
score: score
};
fetch(scriptURL, {
method: "POST",
mode: "no-cors",
headers: {
"Content-Type": "text/plain;charset=utf-8"
},
body: JSON.stringify(payload)
})
.then(function(){
showResult(name, score);
})
.catch(function(error){
console.log(error);
showResult(name, score);
});
}
/* =====================================================
RESULT & REVIEW
===================================================== */
function showResult(name, score){
document.getElementById("quizForm").style.display = "none";
const resultBox = document.getElementById("resultBox");
resultBox.style.display = "block";
resultBox.innerHTML = `
🎉 अभिनंदन ${name}!
<div class="score">
${score} / ३०
</div>
तुम्ही चाचणी यशस्वीरीत्या पूर्ण केली आहे.
<br><br>
<strong>तुमचे गुण मध्ये नोंदवले गेले आहेत.</strong>
<br><br>
<button class="review-btn" onclick="toggleReview()">📋 चुका व अचूक उत्तरे पहा</button>
`;
generateReviewHTML();
}
function generateReviewHTML(){
const reviewContainer = document.getElementById("reviewContainer");
let reviewHTML = "<h3 style='text-align:left; color:#333;'>प्रश्न उत्तर तपासणी (Review):</h3>";
quizData.forEach(function(q, index){
const userSelected = userAnswers[index];
const isCorrect = userSelected === q.ans;
const userChoiceText = userSelected !== undefined ? q.options[userSelected] : "उत्तर दिले नाही";
const correctChoiceText = q.options[q.ans];
reviewHTML += `
<div class="review-item ${isCorrect ? 'correct' : ''}">
<div class="review-q">${q.q}</div>
<div>तुमचे उत्तर: <span class="${isCorrect ? 'correct-ans' : 'user-ans'}">${userChoiceText} ${isCorrect ? '✔' : '✖'}</span></div>
${!isCorrect ? `<div>योग्य उत्तर: <span class="correct-ans">${correctChoiceText}</span></div>` : ''}
</div>
`;
});
reviewContainer.innerHTML = reviewHTML;
}
function toggleReview(){
const reviewContainer = document.getElementById("reviewContainer");
if(reviewContainer.style.display === "block"){
reviewContainer.style.display = "none";
} else {
reviewContainer.style.display = "block";
reviewContainer.scrollIntoView({ behavior: 'smooth' });
}
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-54167463248283165172026-09-21T04:51:50.223+05:302026-09-22T05:20:35.772+05:30इयत्ता ४ थी - शिष्यवृत्ती परीक्षा अभ्यासक्रम विषय: गणित | घटक: अपूर्णांक (Fractions) - सराव प्रश्नसंच (३० प्रश्न)<!DOCTYPE html>
<html lang="mr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>इयत्ता ४ थी - अपूर्णांक चाचणी</title>
<style>
body{
font-family:Arial,sans-serif;
background:#f4f6f9;
margin:0;
padding:10px;
color:#222;
}
.test-container{
max-width:750px;
margin:auto;
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 3px 12px rgba(0,0,0,.12);
}
h2{
text-align:center;
color:#1a73e8;
margin-bottom:5px;
}
h3{
text-align:center;
color:#555;
margin-top:5px;
}
.student-info{
background:#e8f0fe;
padding:15px;
border-radius:10px;
margin:20px 0;
}
.form-group{
margin-bottom:15px;
}
.form-group label{
display:block;
font-weight:bold;
margin-bottom:6px;
}
.form-group input{
width:100%;
box-sizing:border-box;
padding:11px;
border:1px solid #bbb;
border-radius:6px;
font-size:16px;
}
.section-title{
background:#1a73e8;
color:white;
padding:10px;
border-radius:6px;
font-weight:bold;
margin:15px 0 12px;
text-align: center;
}
.q-box{
background:#fafafa;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:15px;
}
.q-title{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
line-height: 1.4;
}
.option{
display:block;
padding:12px 10px;
cursor:pointer;
font-size:16px;
border: 1px solid #eee;
border-radius: 6px;
margin-bottom: 8px;
background: #fff;
}
.option:hover{
background: #f0f4fe;
}
.option input{
margin-right:10px;
transform:scale(1.2);
}
.btn-container{
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 20px;
}
.nav-btn, .submit-btn{
flex: 1;
background:#1a73e8;
color:white;
border:none;
padding:12px;
font-size:16px;
font-weight:bold;
border-radius:7px;
cursor:pointer;
}
.nav-btn:disabled, .submit-btn:disabled{
background:#ccc;
cursor: not-allowed;
}
.start-btn{
width: 100%;
background: #28a745;
color: white;
border: none;
padding: 14px;
font-size: 18px;
font-weight: bold;
border-radius: 7px;
cursor: pointer;
}
#resultBox{
display:none;
text-align:center;
padding:25px 15px;
background:#d4edda;
color:#155724;
border-radius:10px;
margin-top:20px;
font-size:20px;
font-weight:bold;
}
.score{
font-size:30px;
margin:15px;
}
.progress-text {
text-align: center;
font-weight: bold;
color: #666;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="test-container">
<h2>इयत्ता ४ थी - शिष्यवृत्ती परीक्षा</h2>
<h3>विषय : गणित | घटक : अपूर्णांक</h3>
<h3>एकूण प्रश्न:३०|गुण:३०</h3>
<div id="startScreen" class="student-info">
<div class="form-group">
<label>विद्यार्थ्याचे संपूर्ण नाव *</label>
<input type="text" id="sName" placeholder="तुमचे संपूर्ण नाव टाका" required>
</div>
<div class="form-group">
<label>शाळेचे नाव *</label>
<input type="text" id="sSchool" placeholder="तुमच्या शाळेचे नाव टाका" required>
</div>
<button type="button" class="start-btn" onclick="startQuiz()">चाचणी सुरू करा</button>
</div>
<form id="quizForm" style="display:none;">
<div class="progress-text" id="progressText"></div>
<div id="questionsContainer"></div>
<div class="btn-container">
<button type="button" class="nav-btn" id="prevBtn" onclick="changeQuestion(-1)">← मागे</button>
<button type="button" class="nav-btn" id="nextBtn" onclick="changeQuestion(1)">पुढे →</button>
<button type="button" class="submit-btn" id="submitBtn" style="display:none;" onclick="submitQuiz()">चाचणी सबमिट करा</button>
</div>
</form>
<div id="resultBox"></div>
</div>
<script>
/* =====================================================
GOOGLE APPS SCRIPT WEB APP URL
===================================================== */
const scriptURL =
'https://script.google.com/macros/s/AKfycbyT3yK_SPcsMDkWfVudW1xSxuxyFNzXtFRvJUmpt9eJKHA3nu3A-OyLj4Xry4sg-ZSD/exec';
/* =====================================================
QUESTIONS
===================================================== */
const quizData = [
{
section:"भाग १ : पाऊण, अर्धा, पाव व सव्वा",
q:"प्र. १) 'पाऊण' हा अपूर्णांक कसा लिहिला जातो?",
options:["1/4","1/2","3/4","1/14"],
ans:3
},
{
q:"प्र. २) एका वस्तूचे समान ४ भाग केले आणि त्यातील १ भाग घेतला, तर त्याला काय म्हणतात?",
options:["अर्धा","पाव","पाऊण","एक"],
ans:2
},
{
q:"प्र. ३) 'सव्वा' म्हणजे खालीलपैकी काय?",
options:["1 + 1/2","1 + 3/4","1 + 1/4","2 + 1/4"],
ans:3
},
{
q:"प्र. ४) 'दीड' हा अपूर्णांक कसा दाखवला जातो?",
options:["1/4","1 1/2"," 3/4","2 1/2"],
ans:1
},
{
q:"प्र. ५) 'पाऊणे दोन' म्हणजे किती?",
options:["1/4","1 1/2","1 3/4","2 1/4"],
ans:2
},
{
section:"भाग २ : अंश, छेद व सममूल्य अपूर्णांक",
q:"प्र. ६) 5/8 या अपूर्णांकामध्ये 'अंश' कोणता आहे?",
options:["8","5","13","3"],
ans:1
},
{
q:"प्र. ७) 4/9 या अपूर्णांकाचा 'छेद' कोणता आहे?",
options:["4","5","9","13"],
ans:2
},
{
q:"प्र. ८) 2/3 या अपूर्णांकाचा सममूल्य अपूर्णांक कोणता?",
options:["4/6","3/2","5/6","2/6"],
ans:0
},
{
q:"प्र. ९) 1/2 = ?/10 तर प्रश्नचिन्हाच्या जागी कोणती संख्या येईल?",
options:["2","5","4","6"],
ans:1
},
{
q:"प्र. १०) खालीलपैकी कोणता अपूर्णांक 3/4 च्या समान मूल्याचा नाही?",
options:["6/8","9/12","12/16","5/8"],
ans:3
},
{
section:"भाग ३ : अपूर्णांकाचा लहान-मोठेपणा व क्रम",
q:"प्र. ११) 3/7 आणि 5/7 यांपैकी मोठा अपूर्णांक कोणता?",
options:["3/7","5/7","दोन्ही समान","सांगता येत नाही"],
ans:1
},
{
q:"प्र. १२) खालीलपैकी सर्वात लहान अपूर्णांक कोणता?",
options:["8/11","5/11","2/11","9/11"],
ans:2
},
{
q:"प्र. १३) अंश समान असल्यास कोणता अपूर्णांक सर्वात मोठा असतो?",
options:[
"ज्याचा छेद सर्वात मोठा असतो",
"ज्याचा छेद सर्वात लहान असतो",
"सर्व समान असतात",
"यांपैकी नाही"
],
ans:1
},
{
q:"प्र. १४) 4/5, 4/9, 4/7, 4/3 यांपैकी सर्वात मोठा अपूर्णांक कोणता?",
options:["4/9","4/7","4/5","4/3"],
ans:3
},
{
q:"प्र. १५) खालीलपैकी कोणता चढता क्रम योग्य आहे?",
options:[
"1/8, 3/8, 5/8, 7/8",
"7/8, 5/8, 3/8, 1/8",
"3/8, 1/8, 5/8, 7/8",
"5/8, 7/8, 1/8, 3/8"
],
ans:0
},
{
section:"भाग ४ : बेरीज व वजाबाकी",
q:"प्र. १६) 2/6 + 3/6 = ?",
options:["5/12","5/6","1/6","6/6"],
ans:1
},
{
q:"प्र. १७) 7/10 - 4/10 = ?",
options:["3/10","3/0","11/10","4/10"],
ans:0
},
{
q:"प्र. १८) 1/5 + 2/5 + 1/5 = ?",
options:["4/15","4/5","3/5","1"],
ans:1
},
{
q:"प्र. १९) 9/12 - 3/12 = ?",
options:["6/24","12/12","6/12","3/12"],
ans:2
},
{
q:"प्र. २०) 4/7 + ? = 6/7 तर रिकाम्या जागी कोणता अपूर्णांक येईल?",
options:["1/7","2/7","3/7","10/7"],
ans:1
},
{
section:"भाग ५ : शाब्दिक उदाहरणे",
q:"प्र. २१) रोहनने एका केकचा 1/4 भाग खाल्ला आणि सियाने 2/4 भाग खाल्ला. तर दोघांनी मिळून एकूण किती भाग खाल्ला?",
options:[
"3/8 भाग",
"3/4 भाग",
"1/4 भाग",
"पूर्ण केक"
],
ans:1
},
{
q:"प्र. २२) १२ लिंबूंपैकी 1/2 भाग लिंबू वापरले, तर किती लिंबू वापरले?",
options:["4","6","8","3"],
ans:1
},
{
q:"प्र. २३) २० रुपयांचा 'पाऊण' भाग म्हणजे किती रुपये?",
options:["५ रुपये","१० रुपये","१५ रुपये","२५ रुपये"],
ans:2
},
{
q:"प्र. २४) एका पिशवीत २४ आंबे होते. त्यातील 1/4 आंबे खराब झाले, तर किती आंबे खराब झाले?",
options:["6","4","12","8"],
ans:0
},
{
q:"प्र. २५) १ मीटर म्हणजे १०० सेमी, तर 'पाऊण मीटर' म्हणजे किती सेमी?",
options:["२५ सेमी","५० सेमी","७५ सेमी","१५० सेमी"],
ans:2
},
{
q:"प्र. २६) १ लिटर दुधापैकी 'अर्धा लिटर' दूध वापरले, तर किती मिलीलिटर दूध उरले?",
options:["२५० मिली","५०० मिली","७५० मिली","१०० मिली"],
ans:1
},
{
q:"प्र. २७) एका पट्टीचे ८ समान भाग केले. त्यातील ३ भागांना लाल रंग दिला आणि २ भागांना निळा रंग दिला, तर रंगवलेला एकूण भाग किती?",
options:["5/8","5/16","1/8","3/8"],
ans:0
},
{
q:"प्र. २८) वरील प्रश्न २७ मधील पट्टीचा किती भाग रंगवायचा बाकी राहिला?",
options:["2/8","3/8","5/8","1/8"],
ans:1
},
{
q:"प्र. २९) १६ पेन्सिलींचा 'पाव भाग' म्हणजे किती पेन्सिली?",
options:["8","4","12","2"],
ans:1
},
{
q:"प्र. ३०) खालीलपैकी कोणती आकृती 1/2 हा अपूर्णांक दर्शवते?",
options:[
"४ समान भागांपैकी १ भाग रंगवलेला",
"४ समान भागांपैकी २ भाग रंगवलेले",
"४ समान भागांपैकी ३ भाग रंगवलेले",
"४ समान भागांपैकी ४ भाग रंगवलेले"
],
ans:1
}
];
let currentQuestion = 0;
const userAnswers = {};
function startQuiz(){
const name = document.getElementById("sName").value.trim();
const school = document.getElementById("sSchool").value.trim();
if(!name){
alert("कृपया विद्यार्थ्याचे नाव भरा.");
return;
}
if(!school){
alert("कृपया शाळेचे नाव भरा.");
return;
}
document.getElementById("startScreen").style.display = "none";
document.getElementById("quizForm").style.display = "block";
showQuestion(currentQuestion);
}
function showQuestion(index){
const container = document.getElementById("questionsContainer");
const qData = quizData[index];
let html = "";
if(qData.section){
html += `<div class="section-title">${qData.section}</div>`;
}
html += `
<div class="q-box">
<div class="q-title">${qData.q}</div>
`;
qData.options.forEach(function(option, oIndex){
const isChecked = userAnswers[index] === oIndex ? "checked" : "";
html += `
<label class="option">
<input type="radio" name="q${index}" value="${oIndex}" ${isChecked} onchange="saveAnswer(${index}, ${oIndex})">
${option}
</label>
`;
});
html += `</div>`;
container.innerHTML = html;
// Update Progress
document.getElementById("progressText").innerText = `प्रश्न ${index + 1} / ${quizData.length}`;
// Update Buttons
document.getElementById("prevBtn").disabled = (index === 0);
if(index === quizData.length - 1){
document.getElementById("nextBtn").style.display = "none";
document.getElementById("submitBtn").style.display = "block";
} else {
document.getElementById("nextBtn").style.display = "block";
document.getElementById("submitBtn").style.display = "none";
}
}
function saveAnswer(qIndex, optionIndex){
userAnswers[qIndex] = optionIndex;
}
function changeQuestion(direction){
currentQuestion += direction;
showQuestion(currentQuestion);
}
/* =====================================================
SUBMIT TEST
===================================================== */
function submitQuiz(){
const name = document.getElementById("sName").value.trim();
const school = document.getElementById("sSchool").value.trim();
let score = 0;
quizData.forEach(function(q, index){
if(userAnswers[index] !== undefined && userAnswers[index] === q.ans){
score++;
}
});
const button = document.getElementById("submitBtn");
button.disabled = true;
button.innerText = "चाचणी सबमिट होत आहे...";
const payload = {
name: name,
school: school,
score: score
};
fetch(scriptURL, {
method: "POST",
mode: "no-cors",
headers: {
"Content-Type": "text/plain;charset=utf-8"
},
body: JSON.stringify(payload)
})
.then(function(){
showResult(name, score);
})
.catch(function(error){
console.log(error);
showResult(name, score);
});
}
/* =====================================================
RESULT
===================================================== */
function showResult(name, score){
document.getElementById("quizForm").style.display = "none";
const resultBox = document.getElementById("resultBox");
resultBox.style.display = "block";
resultBox.innerHTML = `
🎉 अभिनंदन ${name}!
<div class="score">
${score} / ३०
</div>
तुम्ही चाचणी यशस्वीरीत्या पूर्ण केली आहे.
<br><br>
<strong>तुमचे गुण मध्ये नोंदवले गेले आहेत.</strong>
`;
}
</script>
</body>
</html>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-59822719712310616692026-09-20T06:40:29.698+05:302026-09-20T06:40:29.699+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, बुद्धीमत्ता चाचणी , विविध आकृतीवरील २०१७ -२०१८ मागील वर्षात आलेले सर्व प्रकारचे प्रश्न <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd0GcReXNgm05hYen5-Zs745zNBxqshnvHcUio__ZhoL5yKtQ/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-77303761483128033162026-09-19T07:22:58.359+05:302026-09-19T07:22:58.359+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, गणित कालमापन - घड्याळ <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe-WjVuow2wM_AlD8tHbGFiW81kCuAgTpQanAbwNbjvSIYuuQ/viewform?embedded=true" width="640" height="600" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-59984073018150336742026-09-18T07:26:15.271+05:302026-09-18T07:26:15.271+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, गणित - मापन , सोपे उदाहरणे <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdhjrx9F0gPkcqdMTIEd4Hja-5y5VCJQmfVd70tidIR5UTziA/viewform?embedded=true" width="640" height="600" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-68732148050218523292026-09-16T18:57:02.552+05:302026-09-16T18:57:02.553+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, मराठी - जाहिरातीवर आधारित प्रश्न <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScSc1hQ2tDNzfg-AusUY20bSjmAD3EThqRiwXT65EX25dMvEQ/viewform?embedded=true" width="640" height="575" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-86895708727618602552026-09-15T07:24:49.624+05:302026-09-15T07:25:26.656+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, मराठी - सुसंगत वाक्यांचा परिच्छेद<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSetiPM3bIwrI2xVKnWLDVdGmiAcFvcPJwD3MpTWCFvzWFU_yQ/viewform?embedded=true" width="640" height="700" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-46591815926688348802026-09-14T07:55:40.282+05:302026-09-14T07:55:40.283+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, इंग्रजी - बुद्धिमत्ता साप्ताहिक सराव <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSceuDgJUUWBzT6fqdrliMsGSuHlqcrkwtdOQg4FTcdVNRASyw/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-21290601248540221912026-09-12T06:55:52.448+05:302026-09-12T06:56:27.437+05:30शिष्यवृत्ती परीक्षा, मराठी - 'संवादावरील आधारित प्रश्न'<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdV1sCDQJJfIJ1PX0f6W-s8B59GL6bA66YtXDQcjcTilwlWQA/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-16305310550605343582026-09-11T07:29:22.098+05:302026-09-11T07:29:22.098+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, मराठी - काळ <p> </p><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd270ROp2BaV_4A0iElaRICV5XW0syQLeLFSyUrIbpS0tIAnw/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-59984393906836070442026-09-08T08:20:27.669+05:302026-09-08T08:20:27.669+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, मराठी - उतारा व कविता आधारित सोपे प्रश्न <p> </p><iframe src="https://docs.google.com/forms/d/e/1FAIpQLScRZQsabYe-BZasM56dpDia6flhUcuMzaWiG_9nJCizrJbdVA/viewform?embedded=true" width="640" height="2314" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-31965216516311694932026-09-06T08:59:03.253+05:302026-09-06T08:59:03.254+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, आठवडा सराव - मराठी - गणित, ७५ प्रश्न , (150 गुण )<p> </p>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc7k3y-MEld55b0LcePGM-J9QKw0IjaGBpizLO8xeVJ6hTAvw/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0tag:blogger.com,1999:blog-8760174041728992628.post-19587786401680805112026-09-03T20:44:04.860+05:302026-09-03T20:45:35.285+05:30इयत्ता चौथी, शिष्यवृत्ती परीक्षा, जोडशब्द <h1 style="text-align: center;"><b>शिष्यवृत्ती परीक्षा, जोडशब्द </b></h1><div><br /></div><iframe frameborder="0" height="800" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/e/1FAIpQLSfYGS9qcOO4UQcxqXpRNn6oOmnyPE2QDg0KBF4JHM49VIELkA/viewform?embedded=true" width="640">Loading…</iframe>Vipul Gurujihttp://www.blogger.com/profile/06835331041450207915noreply@blogger.com0