Identify Symbols

Identify Symbols /* --- CSS STYLES --- */ #stijob-quiz-wrapper-symbols { 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; box-sizing: border-box; } .quiz-header { background: #ffcc00; color: #000; padding: 15px; text-align: center; font-weight: bold; font-size: 22px; border-bottom: 5px solid #00adef; } .set-selection-area { padding: 15px; background: #f4f4f4; border-bottom: 1px solid #ddd; text-align: center; } .set-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); 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; } .set-btn.active-set { background: #00adef; color: white; border-color: #0081b3; } .question-container { padding: 0; text-align: center; min-height: 400px; display: flex; flex-direction: column; } .black-board { background-color: #000; color: #fff; width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 250px; } .urdu-text { font-family: 'Noto Nastaliq Urdu', serif; font-size: 26px; line-height: 2.8; direction: rtl; color: #fff; margin-bottom: 20px; } .math-problem { font-family: 'Arial', sans-serif; font-size: 48px; font-weight: bold; color: #fff; letter-spacing: 2px; } .options-area { padding: 20px; background: #eef9fe; } .options-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 600px; margin: 0 auto; } .option-btn { background: #666; color: #fff; border: none; padding: 15px 10px; font-size: 30px; font-weight: bold; cursor: pointer; border-radius: 4px; box-shadow: 0 4px 0 #444; } .option-btn:disabled { opacity: 0.8; cursor: default; } .feedback-strip { display: none; padding: 15px; color: white; font-weight: bold; text-align: center; margin-top: 15px; font-size: 18px; border-radius: 5px; } .feedback-correct { background: #28a745; } .feedback-wrong { background: #dc3545; } .btn-next { background: #00adef; color: white; border: none; padding: 15px 50px; font-size: 18px; font-weight: bold; border-radius: 5px; cursor: pointer; display: none; margin: 20px auto; } .result-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 99999; 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; } table.result-table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 14px; table-layout: fixed; } table.result-table th { background: #eee; padding: 10px; border: 1px solid #ccc; font-size: 12px; } table.result-table td { padding: 8px; border: 1px solid #ccc; word-wrap: break-word; } .reward-icon { font-size: 60px; display: block; margin: 10px 0; } .reward-msg { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .social-share { margin-top: 15px; display: flex; gap: 10px; justify-content: center; } .social-share a { flex: 1; padding: 12px; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 14px; } .share-wa { background: #25D366; } .share-fb { background: #1877F2; } LND Math: Identify Symbols ( , =) Select Quiz Set (1-10): Loading... ⏱ 00:00 خالی جگہ میں کونسی علامت آئے گی؟ Loading... Question 1 / 30 ✓ CORRECT! / درست ✗ WRONG! / غلط Next Question → Score: 0 Quiz Result TotalScoreTimeResult 30 #QAns✓/✗ WhatsApp Facebook Attempt Another Set ↻ var SymbolsQuiz = (function() { var totalSets = 10; var questionsPerSet = 30; var currentSet = 1; var currentQIndex = 0; var score = 0; var timerInterval = null; var startTime = null; var currentQuestions = []; var userAnswers = []; var audioCtx = null; var allQuestions = []; function initAudio() { if (!audioCtx && (window.AudioContext || window.webkitAudioContext)) { audioCtx = new (window.AudioContext || window.webkitAudioContext)(); } if (audioCtx && audioCtx.state === 'suspended') audioCtx.resume(); } function playBeep() { initAudio(); if (!audioCtx) return; var osc = audioCtx.createOscillator(); var gain = audioCtx.createGain(); osc.connect(gain); gain.connect(audioCtx.destination); osc.type = 'sawtooth'; osc.frequency.setValueAtTime(150, audioCtx.currentTime); osc.frequency.linearRampToValueAtTime(50, audioCtx.currentTime + 0.6); gain.gain.setValueAtTime(0.3, audioCtx.currentTime); gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.6); osc.start(); osc.stop(audioCtx.currentTime + 0.6); } // --- SAFE GENERATOR --- function generateData() { var qs = []; // Generate 300 safe, non-looping questions for(var i=0; i, 1: Math.random() - 0.5); return qs; } function renderSetButtons() { var container = document.getElementById('set-buttons-container'); container.innerHTML = ''; for(var i=1; i=50) { icon='💍'; msg='Passed'; col='#007bff'; } else if(pct>=30) { icon='🦅'; msg='Study More!'; col='orange'; } rBox.innerHTML = ''+icon+''+msg+''; document.getElementById('res-score').innerText = score; document.getElementById('res-time').innerText = document.getElementById('timer').innerText; var tbody = document.getElementById('detailed-rows'); tbody.innerHTML = ''; userAnswers.forEach(function(r) { tbody.innerHTML += ''+r.num+''+r.q+''+r.cor+''+(r.isCorr?'✓':'✗')+''; }); var url = encodeURIComponent(window.location.href); document.getElementById('share-wa').href = "https://wa.me/?text=" + url; document.getElementById('share-fb').href = "https://www.facebook.com/sharer/sharer.php?u=" + url; } function init() { allQuestions = generateData(); renderSetButtons(); loadSet(1); } return { init: init, nextQuestion: nextQuestion }; })(); // Init Safe Delay window.addEventListener('load', function() { setTimeout(SymbolsQuiz.init, 500); });

Identify Symbols

Identify Symbols

Majid Farooq

Leave a Reply Cancel reply

Identify Symbols

Quiz Result

Majid Farooq

Related Articles

Use of Singular and Plural

Trigraphs

Math Multiplication

Digraphs

Identify object in the Picture

English Comprehension

Leave a Reply Cancel reply