តោខៀវមិនញាប់ញ័រទេ Messi “បន្តសរសេររឿងព្រេងរបស់គាត់”

យប់នេះក្រុមតោខៀវត្រូវជួបក្រុម Lions of Mesopotamia (ពោលគឺអ៊ីរ៉ាក់) ក្នុងការប្រកួតជាក្រុមទីពីររបស់ពួកគេ។ នៅក្នុងអត្ថបទថ្មីៗដែលបានចេញផ្សាយនៅក្នុងផ្នែករឿងអ្នកនាំសំបុត្ររបស់យើង យើងបានមើលក្រុមដែលមានសម្មតិនាមដែលមានរោម និងរោម។ 🪶

នេះជាសំណួរខ្លីៗ ដើម្បីធ្វើឲ្យអ្នកមានភាពកក់ក្តៅមុនការប្រកួតថ្ងៃនេះ៖

សំណួរបន្ទាប់
បញ្ជាក់ចម្លើយ
សូមពិនិត្យមើលលទ្ធផល

`; $(`#${uid}-nextBtn`).addEventListener(‘click’, () => {CurrentQuestion++; renderQuestion(); scrollToContainer(); }); $(`#${uid}-validateBtn`).addEventListener(‘click’, () => { AnswerValidated(currentQuestion) = true; showExplanation(); updateButtons(); }); $(`#${uid}-resultsBtn`).addEventListener(‘click’, showFinalScore); //$(`#${uid}-shareBtn`).addEventListener(‘click’, shareScore); renderQuestion(); } មុខងារ renderQuestion() { const quizDiv = $(`#${uid}-quiz`); quizDiv.innerHTML = ”; quizData.forEach((q, index) => { const questionsDiv = document.createElement(‘div’); questionsDiv.className=”question” + (index === currentQuestion ? ‘active’:’); questionsDiv.innerHTML = `

${quizData.length === 1 ? ‘សំណួរ’៖ `សំណួរ ${index + 1}/${quizData.length}`}

`; quizDiv.appendChild(questionDiv); }); container.querySelectorAll(‘.answer’).forEach(answer => { answer.addEventListener(‘click’, selectAnswer); }); ប៊ូតុងអាប់ដេត(); ឆ្លើយតបឡើងវិញ (); } មុខងារ scrollToContainer() { const header = document.querySelector(‘#site-header’); const អុហ្វសិត = បឋមកថា? (header.offsetHeight + 20): 20; const targetPosition = container.getBoundingClientRect().top + window.scrollY – offset; window.scrollTo({ top: targetPosition, behavior: ‘smooth’ }); } មុខងារ selectAnswer(e) { const answerDiv = e.currentTarget; const questionDiv = answerDiv.closest(‘.question’); const questionIndex = Array.from(questionDiv.parentElement.children).indexOf(questionDiv); ប្រសិនបើ (ចម្លើយដែលមានសុពលភាព (សន្ទស្សន៍សំណួរ)) ត្រឡប់មកវិញ; questionDiv.querySelectorAll(‘.answer’).forEach(a => a.classList.remove(‘selected’)); answerDiv.classList.add(‘បានជ្រើសរើស’); userAnswers(questionIndex) = parseInt(answerDiv.dataset.index); ប៊ូតុងអាប់ដេត(); } មុខងារ restartAnswers() { const questionsDiv = container.querySelector(‘.question.active’); ប្រសិនបើ (userAnswers(currentQuestion) !== undefined) { const answerDiv = questionsDiv.querySelector(`.answer(data-index=”${userAnswers(currentQuestion)}”)`); ប្រសិនបើ (answerDiv) answerDiv.classList.add(‘បានជ្រើសរើស’); } ប្រសិនបើ (ចម្លើយត្រឹមត្រូវ(សំណួរបច្ចុប្បន្ន)) { showExplanation(); } } មុខងារ updateButtons() { const nextBtn = $(`#${uid}-nextBtn`); const validateBtn = $(`#${uid}-validateBtn`); const resultsBtn = $(`#${uid}-resultsBtn`); //const shareBtn = $(`#${uid}-shareBtn`); const hasAnswer = userAnswers(currentQuestion) !== undefined; const isValidated = AnswerValidated(សំណួរបច្ចុប្បន្ន); const hasScoreMessages = quizData.scoreMessages && quizData.scoreMessages.length > 0; ប្រសិនបើ (currentQuestion === quizData.length – 1) { nextBtn.classList.add(‘hidden’); ប្រសិនបើ (hasAnswer && !isvalidated) { validateBtn.classList.remove(‘hidden’); លទ្ធផលBtn.classList.add(‘លាក់’); } else { validBtn.classList.add(‘លាក់’); if (isValidated) { if (hasScoreMessages && quizData.length > 1) { results Btn.classList.remove(‘hidden’); } else { លទ្ធផល Btn.classList.add(‘លាក់’); showFinalScore(); } } } } else { nextBtn.classList.remove(‘hidden’); nextBtn.disabled = !isvalidated; ប្រសិនបើ (hasAnswer && !isvalidated) { validateBtn.classList.remove(‘hidden’); } else { validBtn.classList.add(‘លាក់’); } លទ្ធផល Btn.classList.add(‘លាក់’); //shareBtn.classList.add(‘លាក់’); } } មុខងារ showFinalScore() { const score = userAnswers.reduce((acc, answer, index) => { return acc + (ចម្លើយ === quizData(index.correct ? 1: 0); }, 0); const scoreDiv = $(`#${uid}-scoreDisplay`); const hasScoreMessages = quizData.scoreMessages && quizData.scoreMessages.length > 0; ប្រសិនបើ (hasScoreMessages) { constScoreMessage = quizData.scoreMessages.find(msg => Score >= msg.min && Score <= msg.max); const message = scoreMessage ? scoreMessage.message: ''; scoreDiv.innerHTML = `

ពិន្ទុរបស់អ្នក៖ ${score}/${quizData.length}

${message}`; scoreDiv.classList.add(‘បង្ហាញ’); } else { scoreDiv.innerHTML = `

ពិន្ទុរបស់អ្នក៖ ${score}/${quizData.length}

`; } $(`#${uid}-resultsBtn`).classList.add(‘hidden’); //$(`#${uid}-shareBtn`).classList.remove(‘hidden’); } មុខងារ showExplanation() { const ExplanationDiv = $(`#${uid}-explanation-${currentQuestion}`); explainedDiv.classList.add(‘show’); const questionDiv = container.querySelector(‘.question.active’); const rightAnswer = questionsDiv.querySelector(`.answer(data-index=”${quizData(currentQuestion.correct}”)`); CorrectAnswer.classList.add(‘ត្រឹមត្រូវ’); ប្រសិនបើ (userAnswers(currentQuestion) !== quizData(currentQuestion).correct) { const falseAnswer = questionsDiv.querySelector(`.answer(data-index=”${userAnswers(currentQuestion)}”)`); falseAnswer.classList.add(‘false’); } } មុខងារ shareScore() { const boxName = container.closest(‘.post’).id.replace(‘id’, ‘share-box’); const content = document.getElementById(boxName)?.innerHTML ?? មិនត្រឹមត្រូវ; ប្រសិនបើ (មាតិកា) { const event = new CustomEvent(‘modal:open’, { detail: { data: content } }); document.dispatchEvent(ព្រឹត្តិការណ៍); } } init(); }; } if (!window.quizObserver) { window.quizObserver = new MutationObserver(() => { document.querySelectorAll(‘.quiz-container(data-quiz-loaded=”false”)’).forEach(container => { container.dataset.quizLoaded = { ‘true’; try JSON.parse(container.dataset.quiz); ប្រសិនបើ (container.dataset.quizScore) { quizData.scoreMessages = JSON.parse(container.dataset.quizScore); } createQuiz(container, quizData); កម្រងសំណួរដែលមានរួចហើយនៅក្នុង DOM document.querySelectorAll(‘.quiz-container(data-quiz-loaded=”false”)’).forEach(container => { container.dataset.quizLoaded = ‘true’; try { const quizData = JSON.parse(container.dataset.quiz.)data (container.dataset.quiz.)); if. quizData.scoreMessages = JSON.parse(container.dataset.quizScore); } createQuiz(container, quizData);