Equivalent Fractions

Equivalent Fractions LND Class 3 Syllabus @import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap'); #stijob-quiz-wrapper { font-family: 'Arial', sans-serif; max-width: 100%; margin: 20px auto; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); overflow: hidden; position: relative; } /* HEADER */ .quiz-header { background: #ffcc00; /* Yellow */ color: #000; padding: 15px; text-align: center; font-weight: bold; font-size: 22px; border-bottom: 5px solid #00adef; /* Blue */ } /* SET SELECTION GRID */ .set-selection-area { padding: 15px; background: #f4f4f4; border-bottom: 1px solid #ddd; text-align: center; } .set-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; } .set-btn { background: #fff; border: 2px solid #ccc; border-radius: 4px; padding: 10px 5px; font-size: 14px; cursor: pointer; font-weight: bold; color: #555; width: 80px; transition: all 0.2s; } .set-btn:hover { background: #e9e9e9; transform: translateY(-2px); } .set-btn.active-set { background: #00adef; color: white; border-color: #0081b3; box-shadow: inset 0 3px 5px rgba(0,0,0,0.2); } .timer-display { margin-top: 15px; font-size: 20px; color: #d9534f; font-weight: bold; background: #fff; padding: 5px 15px; border-radius: 20px; border: 1px solid #ddd; display: inline-block; } /* QUESTION AREA */ .question-container { padding: 20px; text-align: center; min-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .urdu-text { font-family: 'Noto Nastaliq Urdu', serif; font-size: 28px; line-height: 2.5; padding: 20px 0; direction: rtl; color: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .math-fraction { font-family: 'Verdana', sans-serif; font-weight: bold; font-size: 32px; color: #00adef; padding: 0 5px; } /* OPTIONS */ .options-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 10px; margin-top: 15px; width: 100%; max-width: 600px; } @media (min-width: 600px) { .options-grid { grid-template-columns: repeat(4, 1fr); } } .option-btn { background: #444; color: #fff; border: none; padding: 20px; font-size: 22px; font-weight: bold; cursor: pointer; border-radius: 8px; box-shadow: 0 4px 0 #222; transition: transform 0.1s; } .option-btn:active { transform: translateY(4px); box-shadow: none; } .option-btn:disabled { opacity: 0.8; cursor: not-allowed; transform: none; box-shadow: none; } /* FEEDBACK */ .feedback-strip { display: none; padding: 15px; color: white; font-weight: bold; text-align: center; margin-top: 20px; font-size: 18px; border-radius: 5px; width: 100%; } .feedback-correct { background: #28a745; } .feedback-wrong { background: #dc3545; } .btn-next { background: #00adef; color: white; border: none; padding: 12px 40px; font-size: 18px; font-weight: bold; border-radius: 5px; cursor: pointer; display: none; margin-top: 20px; box-shadow: 0 4px 0 #007bb6; } .btn-next:active { transform: translateY(4px); box-shadow: none; } /* RESULT POPUP */ .result-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 99999; /* Ensure top of Jannah theme */ overflow-y: auto; padding: 10px; box-sizing: border-box; } .result-content { background: #fff; margin: 20px auto; padding: 20px; max-width: 500px; border-radius: 8px; border: 5px solid #ffcc00; text-align: center; position: relative; } table.result-table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 14px; border: 1px solid #ccc; } table.result-table th { background: #eee; padding: 10px; border: 1px solid #ccc; text-align: center; } table.result-table td { padding: 8px; border: 1px solid #ccc; text-align: center; } .reward-icon { font-size: 70px; display: block; margin: 10px 0; animation: bounce 1s infinite alternate; } .reward-msg { font-size: 18px; font-weight: bold; margin-bottom: 15px; padding: 10px; border-radius: 5px; } @keyframes bounce { from { transform: translateY(0); } to { transform: translateY(-10px); } } .social-share a { display: inline-block; margin: 5px; padding: 12px 25px; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 16px; } .share-wa { background: #25D366; } .share-fb { background: #1877F2; } /* Mobile Scroll Fix for Table */ .table-scroll-wrap { max-height: 300px; overflow-y: auto; border: 1px solid #ccc; margin-bottom: 15px; } LND Math Class 3: Equivalent Fractions Select Quiz Set (30 Questions each): Loading Sets... ⏱ 00:00 Question 1 / 30 ✓ CORRECT / درست جواب! ✗ WRONG / غلط جواب! Next Question → Score: 0 Quiz Result / نتیجہ TotalScoreTimeStatus 30 Detailed Summary: #Q (Fraction)Your AnsCorrect Share Result: WhatsApp Facebook Try Another Set ⟳ var QuizApp = (function() { // --- CONFIGURATION --- var totalSets = 10; var questionsPerSet = 30; // State var currentSet = 1; var currentQIndex = 0; var score = 0; var timerInterval = null; var startTime = null; var currentQuestions = []; var userAnswers = []; var audioCtx = null; // Master storage for 300 unique questions var allUniqueQuestions = []; // --- AUDIO ENGINE --- function playHorribleBeep() { try { if (!window.AudioContext && !window.webkitAudioContext) return; if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)(); if (audioCtx.state === 'suspended') audioCtx.resume(); var osc = audioCtx.createOscillator(); var gain = audioCtx.createGain(); osc.connect(gain); gain.connect(audioCtx.destination); // Sawtooth wave for "horrible" sound osc.type = 'sawtooth'; // Pitch drop effect osc.frequency.setValueAtTime(150, audioCtx.currentTime); osc.frequency.exponentialRampToValueAtTime(40, audioCtx.currentTime + 0.8); gain.gain.setValueAtTime(0.3, audioCtx.currentTime); gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.8); osc.start(); osc.stop(audioCtx.currentTime + 0.8); } catch(e) { console.log('Audio error', e); } } // --- QUESTION GENERATOR --- // Generates 300+ unique equivalent fraction problems at startup function generateAllUniqueQuestions() { var bases = [ {n:1,d:2}, {n:1,d:3}, {n:2,d:3}, {n:1,d:4}, {n:3,d:4}, {n:1,d:5}, {n:2,d:5}, {n:3,d:5}, {n:4,d:5}, {n:1,d:6}, {n:5,d:6}, {n:1,d:7}, {n:2,d:7}, {n:3,d:7}, {n:1,d:8}, {n:3,d:8}, {n:5,d:8}, {n:7,d:8}, {n:1,d:9}, {n:2,d:9}, {n:4,d:9}, {n:5,d:9}, {n:7,d:9}, {n:8,d:9}, {n:1,d:10},{n:3,d:10},{n:7,d:10},{n:9,d:10} ]; var pool = []; // Create massive pool of combinations: Base Fraction x Multiplier // Multipliers 2 to 12 bases.forEach(function(base) { for(var m=2; m 0; i--) { var j = Math.floor(random() * (i + 1)); var temp = pool[i]; pool[i] = pool[j]; pool[j] = temp; } allUniqueQuestions = pool; } // Generate Distractors (Wrong Options) function getOptions(correctFractionStr, correctN, correctD) { var opts = [correctFractionStr]; while(opts.length 0.5?1:-1); if(wd 0.5?1:-1); if(wn = rd) rd = rn + 1; // ensure proper fraction usually wrongStr = rn + "/" + rd; } // Check uniqueness against existing options if(opts.indexOf(wrongStr) === -1 && wrongStr !== correctFractionStr) { opts.push(wrongStr); } } // Shuffle options opts.sort(function() { return 0.5 - Math.random(); }); return opts; } // --- UI & LOGIC --- function renderButtons() { var container = document.getElementById('set-buttons-container'); container.innerHTML = ''; for(var i=1; i300) if(endIndex > allUniqueQuestions.length) { startIndex = 0; endIndex = questionsPerSet; // Fallback } var setRawData = allUniqueQuestions.slice(startIndex, endIndex); // Prepare the questions for the UI (generate options now) currentQuestions = setRawData.map(function(q) { return { qText: q.qStr, correct: q.aStr, options: getOptions(q.aStr, q.an, q.ad), original: q }; }); currentQIndex = 0; score = 0; userAnswers = []; document.getElementById('current-score').innerText = '0'; document.getElementById('result-modal').style.display = 'none'; document.getElementById('game-area').style.display = 'block'; startTimer(); loadQ(); } function loadQ() { var q = currentQuestions[currentQIndex]; document.getElementById('q-counter').innerText = 'Question ' + (currentQIndex+1) + ' / ' + questionsPerSet; // Text: "What is the equivalent fraction of X?" // Urdu: X کا مترادف کسر ہوگا؟ var html = '' + q.qText + ' کا مترادف کسر ہوگا؟'; document.getElementById('question-text-area').innerHTML = html; var optDiv = document.getElementById('options-container'); optDiv.innerHTML = ''; document.getElementById('feedback-correct').style.display = 'none'; document.getElementById('feedback-wrong').style.display = 'none'; document.getElementById('next-btn').style.display = 'none'; q.options.forEach(function(opt) { var btn = document.createElement('button'); btn.className = 'option-btn'; btn.innerText = opt; btn.onclick = function() { handleAnswer(opt, q.correct, btn); }; optDiv.appendChild(btn); }); } function handleAnswer(sel, cor, btn) { var btns = document.querySelectorAll('.option-btn'); // Disable all buttons to prevent double submission for(var i=0; i= 50 ? 'green' : 'red'; // Rewards Logic var rBox = document.getElementById('reward-box'); var icon='', msg='', col='', bg=''; if(pct >= 90) { icon='💎👑'; msg='Excellent! You won the Diamond Crown!'; col='green'; bg='#e6fffa'; } else if(pct >= 70) { icon='🏆'; msg='Great Job! You won the Gold Cup!'; col='#b8860b'; bg='#fffbe6'; } else if(pct >= 50) { icon='💍'; msg='Good. You won a Silver Ring.'; col='#333'; bg='#f0f0f0'; } else if(pct >= 30) { icon='🦅'; msg='Poor! A Crow is coming for you!'; col='orange'; bg='#fff0f0'; } else { icon='🐍🐊'; msg='FAILED! Beware of the Snake and Crocodile!'; col='red'; bg='#ffe6e6'; } rBox.innerHTML = ''+icon+''+msg+''; rBox.style.background = bg; // Detailed Table var tbody = document.getElementById('detailed-rows'); tbody.innerHTML = ''; userAnswers.forEach(function(r) { var row = ''+r.num+''+r.q+''+r.sel+''+r.cor+''; tbody.innerHTML += row; }); // Social Share URL var url = encodeURIComponent(window.location.href); var text = encodeURIComponent("I scored "+score+"/"+questionsPerSet+" in the LND Math Fractions Quiz! " + msg); document.getElementById('share-wa').href = "https://wa.me/?text=" + text + "%20" + url; document.getElementById('share-fb').href = "https://www.facebook.com/sharer/sharer.php?u=" + url + "&quote=" + text; } // --- INIT --- function init() { generateAllUniqueQuestions(); renderButtons(); loadSet(1); } return { init: init, nextQuestion: nextQuestion }; })(); // Initialize after short delay setTimeout(function() { QuizApp.init(); }, 500);

Equivalent Fractions

Majid Farooq

Leave a Reply Cancel reply

Quiz Result / نتیجہ

Detailed Summary:

Majid Farooq

Related Articles

Math Subtraction

Spelling Mistakes

Trigraphs

Digraphs

Action Words

Use of is/am/are

Leave a Reply Cancel reply