\u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 – Tag Questions<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- Global Styles --- *\/\n :root {\n --primary-color: #007bff;\n --secondary-color: #6c757d;\n --success-color: #28a745;\n --danger-color: #dc3545;\n --light-color: #f8f9fa;\n --dark-color: #343a40;\n --background-color: #eef2f7;\n --text-color: #333;\n --border-radius: 8px;\n }\n html { box-sizing: border-box; }\n *, *:before, *:after { box-sizing: inherit; }\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n margin: 0;\n padding: 15px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n min-height: 100vh;\n line-height: 1.6;\n }\n .quiz-container {\n background-color: #fff;\n padding: 25px;\n border-radius: var(--border-radius);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n width: 100%;\n max-width: 800px;\n text-align: center;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n h1, h2 { color: var(--primary-color); margin-bottom: 15px; font-size: 1.8em; }\n h2 { font-size: 1.5em; }\n\n \/* --- Screen Visibility --- *\/\n #start-screen, #results-screen { display: flex; flex-direction: column; align-items: center; }\n #quiz-screen { display: none; }\n\n \/* --- Start Screen --- *\/\n #start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n\n \/* --- Quiz Screen Elements --- *\/\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n #question-text {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 25px;\n min-height: 50px;\n white-space: pre-wrap;\n }\n .options-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 10px;\n margin-bottom: 20px;\n }\n @media (min-width: 600px) {\n .options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; }\n }\n .option-btn {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n background-color: var(--light-color);\n border: 1px solid #ddd;\n color: var(--text-color);\n padding: 10px 12px;\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1em;\n width: 100%;\n word-wrap: break-word;\n }\n .option-btn:hover:not(:disabled) { background-color: #e2e6ea; border-color: #adb5bd; }\n .option-btn:disabled { cursor: not-allowed; opacity: 0.8; }\n .option-btn.correct { background-color: var(--success-color); border-color: var(--success-color); color: white; font-weight: bold; }\n .option-btn.incorrect { background-color: var(--danger-color); border-color: var(--danger-color); color: white; }\n\n \/* --- Navigation & Progress --- *\/\n .navigation-buttons { display: flex; justify-content: space-between; margin-top: 25px; }\n .nav-btn, #start-btn, #restart-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1em;\n transition: background-color 0.3s ease;\n font-family: 'Tajawal', sans-serif;\n }\n #start-btn { padding: 12px 35px; font-size: 1.2em; margin-top: 20px; }\n .nav-btn:hover, #start-btn:hover, #restart-btn:hover { background-color: #0056b3; }\n .nav-btn:disabled { background-color: var(--secondary-color); cursor: not-allowed; opacity: 0.7; }\n .progress-container { width: 100%; background-color: #e9ecef; border-radius: var(--border-radius); margin-top: 25px; overflow: hidden; }\n #progress-bar { height: 12px; width: 0%; background-color: var(--primary-color); border-radius: var(--border-radius); transition: width 0.4s ease-in-out; }\n #progress-text { margin-top: 6px; font-size: 0.9em; color: var(--secondary-color); }\n\n \/* --- Results Screen --- *\/\n #results-screen h2, #results-screen h3 { margin-bottom: 15px; font-size: 1.6em; }\n #score { font-size: 1.6em; font-weight: bold; color: var(--dark-color); margin-bottom: 25px; }\n .review-container { margin-top: 20px; text-align: right; max-height: 350px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: var(--border-radius); }\n .review-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size: 0.95em; }\n .review-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .review-item p { margin: 4px 0; }\n .review-question, .review-user-answer, .review-correct-answer {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n white-space: pre-wrap;\n }\n .review-user-answer span, .review-correct-answer span {\n font-family: 'Tajawal', sans-serif;\n }\n .review-question { font-weight: bold; }\n .review-user-answer.correct span { color: var(--success-color); }\n .review-user-answer.incorrect span { color: var(--danger-color); }\n .review-correct-answer { font-weight: bold; }\n .review-correct-answer span { color: var(--success-color); }\n\n \/* --- Feedback Message --- *\/\n #feedback { min-height: 20px; margin-top: 10px; font-weight: bold; font-size: 1em; }\n #feedback.correct { color: var(--success-color); }\n #feedback.incorrect { color: var(--danger-color); }\n\n \/* --- Restart Button --- *\/\n #restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #restart-btn:hover { background-color: #5a6268; }\n\n \/* --- Responsive Adjustments --- *\/\n @media (max-width: 600px) {\n body { padding: 10px; }\n .quiz-container { padding: 15px; margin-top: 10px; margin-bottom: 10px; }\n h1 { font-size: 1.6em; }\n h2 { font-size: 1.3em; }\n #start-screen p { font-size: 1em; }\n #question-text { font-size: 1.15em; margin-bottom: 20px; }\n .option-btn { font-size: 0.95em; padding: 8px 10px; }\n .nav-btn, #start-btn, #restart-btn { font-size: 0.95em; padding: 8px 15px; }\n #start-btn { font-size: 1.1em; padding: 10px 30px; }\n #score { font-size: 1.4em; }\n .review-container { max-height: 300px; }\n .review-item { font-size: 0.9em; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 Tag Questions<\/h1>\n <h2>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 19 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646<\/button>\n <\/div>\n\n <div id=\"quiz-screen\">\n <div class=\"question-header\">\n <span id=\"question-number\"><\/span>\n <\/div>\n <div id=\"question-text\"><\/div>\n <div class=\"options-container\" id=\"options-container\">\n <\/div>\n <div id=\"feedback\"><\/div>\n <div class=\"navigation-buttons\">\n <button id=\"prev-btn\" class=\"nav-btn\" onclick=\"prevQuestion()\">\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"next-btn\" class=\"nav-btn\" onclick=\"nextQuestion()\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <\/div>\n <div class=\"progress-container\">\n <div id=\"progress-bar\"><\/div>\n <\/div>\n <div id=\"progress-text\">0 \/ 19<\/div>\n <\/div>\n\n <div id=\"results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646<\/h2>\n <div id=\"score\"><\/div>\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <div class=\"review-container\" id=\"review-container\">\n <\/div>\n <button id=\"restart-btn\" onclick=\"restartQuiz()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Fisher-Yates (Knuth) Shuffle Algorithm\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n }\n\n \/\/ --- English Questions Data (Tag Questions - Standardized Blank) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"This is silly, ________ ?\", options: [\"isn't it\", \"isn't this\", \"aren't it\", \"aren't this\"], correctAnswer: \"isn't it\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Nothing ever changes________ ?\", options: [\"do it\", \"is this\", \"are it\", \"does it\"], correctAnswer: \"does it\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Come and look at this,________ ?\", options: [\"aren't you\", \"are you\", \"will you\", \"don't you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"Everyone was there,________ ?\", options: [\"aren't they\", \"weren't they\", \"wasn't they\", \"weren't you\"], correctAnswer: \"weren't they\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Don't be late, ________ ?\", options: [\"will they\", \"will you\", \"are they\", \"are you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"No one likes him,________?\", options: [\"do they\", \"does you\", \"do you\", \"does you\"], correctAnswer: \"do they\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"Let's stay here________?\", options: [\"do we\", \"shall we\", \"are you\", \"are we\"], correctAnswer: \"shall we\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"I'm a bit late________?\", options: [\"aren't I\", \"aren't you\", \"don't you\", \"doesn't you\"], correctAnswer: \"aren't I\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"Pick me up at eight,________?\", options: [\"don't they\", \"could you\", \"do you\", \"don't you\"], correctAnswer: \"could you\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"I'm sure you felt stressed out, ________?\", options: [\"are you\", \"aren't you\", \"didn't you\", \"don't you\"], correctAnswer: \"didn't you\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"Don't tell anyone my secret, ________?\", options: [\"will you\", \"are you\", \"did you\", \"don't you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"I'm always making the same mistake, ________?\", options: [\"are I\", \"aren't I\", \"didn't I\", \"don't I\"], correctAnswer: \"aren't I\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"We hadn't had such a good laugh for ages, ________?\", options: [\"are you\", \"aren't we\", \"hadn't we\", \"had we\"], correctAnswer: \"had we\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"Let's go to the coast, ________?\", options: [\"don't you\", \"aren't they\", \"shall we\", \"don't we\"], correctAnswer: \"shall we\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"Everybody likes chocolate, ________ ?\", options: [\"isn't you\", \"don't they\", \"aren't they\", \"weren't we\"], correctAnswer: \"don't they\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"You haven't met Adel, ________ ?\", options: [\"don't you\", \"don't they\", \"haven't you\", \"have you\"], correctAnswer: \"have you\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"Choose some more music,________ ?\", options: [\"should you\", \"aren't you\", \"will you\", \"are you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 18, question: \"This is a great new sports club,________ ?\", options: [\"isn't it\", \"isn't this\", \"aren't it\", \"aren't this\"], correctAnswer: \"isn't it\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"Everything went wrong,________?\", options: [\"wasn't it\", \"aren't it\", \"didn't it\", \"don't it\"], correctAnswer: \"didn't it\", userAnswer: null, isCorrect: null }\n ];\n \/\/ --- End of English Questions Data ---\n\n\n \/\/ --- JavaScript Quiz Logic ---\n let questions = [...englishQuizQuestions];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = questions.length;\n\n \/\/ DOM Element References\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultsScreen = document.getElementById('results-screen');\n const startBtn = document.getElementById('start-btn');\n const questionNumberEl = document.getElementById('question-number');\n const questionTextEl = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n const feedbackEl = document.getElementById('feedback');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const progressBar = document.getElementById('progress-bar');\n const progressTextEl = document.getElementById('progress-text');\n const scoreEl = document.getElementById('score');\n const reviewContainer = document.getElementById('review-container');\n\n \/\/ Event Listener for Start Button\n startBtn.addEventListener('click', startQuiz);\n\n \/\/ Function to initialize and start the quiz\n function startQuiz() {\n shuffleArray(questions);\n startScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n quizScreen.style.display = 'block';\n currentQuestionIndex = 0;\n score = 0;\n questions.forEach(q => {\n q.userAnswer = null;\n q.isCorrect = null;\n });\n progressTextEl.textContent = `0 \/ ${totalQuestions}`;\n loadQuestion(currentQuestionIndex);\n }\n\n \/\/ Function to display a question and its options\n function loadQuestion(index) {\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n const currentQuestion = questions[index];\n\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${index + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.textContent = currentQuestion.question;\n\n optionsContainer.innerHTML = '';\n const shuffledOptions = [...currentQuestion.options];\n shuffleArray(shuffledOptions);\n const alreadyAnswered = currentQuestion.userAnswer !== null;\n\n shuffledOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option;\n button.classList.add('option-btn');\n button.disabled = alreadyAnswered;\n\n if (alreadyAnswered) {\n if (option === currentQuestion.userAnswer) {\n button.classList.add(currentQuestion.isCorrect ? 'correct' : 'incorrect');\n } else if (option === currentQuestion.correctAnswer && !currentQuestion.isCorrect) {\n button.classList.add('correct');\n }\n } else {\n button.onclick = () => handleAnswer(button, option);\n }\n optionsContainer.appendChild(button);\n });\n\n updateProgressBar();\n updateNavigationButtons();\n }\n\n \/\/ Function to handle user selecting an answer\n function handleAnswer(selectedButton, selectedAnswer) {\n const currentQuestion = questions[currentQuestionIndex];\n if (currentQuestion.userAnswer !== null) return;\n\n currentQuestion.userAnswer = selectedAnswer;\n const isCorrect = selectedAnswer === currentQuestion.correctAnswer;\n currentQuestion.isCorrect = isCorrect;\n\n const optionButtons = optionsContainer.querySelectorAll('.option-btn');\n optionButtons.forEach(btn => btn.disabled = true);\n\n if (isCorrect) {\n score++;\n selectedButton.classList.add('correct');\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n feedbackEl.className = 'correct';\n } else {\n selectedButton.classList.add('incorrect');\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629!';\n feedbackEl.className = 'incorrect';\n optionButtons.forEach(btn => {\n if (btn.textContent === currentQuestion.correctAnswer) {\n btn.classList.add('correct');\n }\n });\n }\n updateNavigationButtons();\n }\n\n \/\/ Function to update the progress bar and text\n function updateProgressBar() {\n const progressPercentage = ((currentQuestionIndex + 1) \/ totalQuestions) * 100;\n progressBar.style.width = `${progressPercentage}%`;\n progressTextEl.textContent = `${currentQuestionIndex + 1} \/ ${totalQuestions}`;\n }\n\n \/\/ Function to enable\/disable navigation buttons and update Next\/Finish text\n function updateNavigationButtons() {\n prevBtn.disabled = currentQuestionIndex === 0;\n if (currentQuestionIndex === totalQuestions - 1) {\n nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0648\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u064a\u062c\u0629';\n } else {\n nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n }\n\n \/\/ Function to load the next question or show results\n function nextQuestion() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n loadQuestion(currentQuestionIndex);\n } else {\n showResults();\n }\n }\n\n \/\/ Function to load the previous question\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n loadQuestion(currentQuestionIndex);\n }\n }\n\n \/\/ Function to display the final results and review\n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n\n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(1);\n scoreEl.textContent = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n\n reviewContainer.innerHTML = '';\n\n const sortedQuestionsForReview = [...questions].sort((a, b) => a.originalIndex - b.originalIndex);\n\n sortedQuestionsForReview.forEach((q, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n\n const questionP = document.createElement('p');\n questionP.classList.add('review-question');\n questionP.textContent = `${index + 1}. ${q.question}`;\n\n\n const userAnswerP = document.createElement('p');\n userAnswerP.classList.add('review-user-answer');\n if (q.userAnswer === null) {\n userAnswerP.innerHTML = `<span>\u0625\u062c\u0627\u0628\u062a\u0643:<\/span> \u0644\u0645 \u062a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629`;\n userAnswerP.classList.add('incorrect');\n } else {\n const correctnessText = q.isCorrect ? '\u0635\u062d\u064a\u062d\u0629' : '\u062e\u0627\u0637\u0626\u0629';\n userAnswerP.innerHTML = `<span>\u0625\u062c\u0627\u0628\u062a\u0643:<\/span> ${q.userAnswer} (<span>${correctnessText}<\/span>)`;\n userAnswerP.classList.add(q.isCorrect ? 'correct' : 'incorrect');\n }\n\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n\n if (!q.isCorrect || q.userAnswer === null) {\n const correctAnswerP = document.createElement('p');\n correctAnswerP.classList.add('review-correct-answer');\n correctAnswerP.innerHTML = `<span>\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629:<\/span> ${q.correctAnswer}`;\n reviewItem.appendChild(correctAnswerP);\n }\n\n reviewContainer.appendChild(reviewItem);\n });\n }\n\n \/\/ Function to restart the quiz\n function restartQuiz() {\n startQuiz();\n }\n\n \/\/ Initial setup on page load\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0627\u0633\u0626\u0644\u0629 \u0627\u0644\u0630\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0649 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008 \u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 – Tag Questions \u0627\u062e\u062a\u0628\u0627\u0631 Tag Questions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"reaction":[],"class_list":["post-4905","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4905"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905\/revisions"}],"predecessor-version":[{"id":4915,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905\/revisions\/4915"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4905"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4905,"date":"2025-04-13T04:06:09","date_gmt":"2025-04-13T04:06:09","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4905"},"modified":"2025-04-13T09:50:15","modified_gmt":"2025-04-13T09:50:15","slug":"%d8%a7%d9%85%d8%aa%d8%ad%d8%a7%d9%86-%d8%a7%d9%84%d8%a7%d8%b3%d8%a6%d9%84%d8%a9-%d8%a7%d9%84%d8%b0%d9%8a%d9%84%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d8%b5%d8%af%d9%89-%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4905","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0627\u0633\u0626\u0644\u0629 \u0627\u0644\u0630\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0649 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008"},"content":{"rendered":"\n\n\n\n

\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0627\u0633\u0626\u0644\u0629 \u0627\u0644\u0630\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0649 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008 <\/p>\n\n\n\n\n\n\n \n \n \u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 – Tag Questions<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700&family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- Global Styles --- *\/\n :root {\n --primary-color: #007bff;\n --secondary-color: #6c757d;\n --success-color: #28a745;\n --danger-color: #dc3545;\n --light-color: #f8f9fa;\n --dark-color: #343a40;\n --background-color: #eef2f7;\n --text-color: #333;\n --border-radius: 8px;\n }\n html { box-sizing: border-box; }\n *, *:before, *:after { box-sizing: inherit; }\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n margin: 0;\n padding: 15px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n min-height: 100vh;\n line-height: 1.6;\n }\n .quiz-container {\n background-color: #fff;\n padding: 25px;\n border-radius: var(--border-radius);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n width: 100%;\n max-width: 800px;\n text-align: center;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n h1, h2 { color: var(--primary-color); margin-bottom: 15px; font-size: 1.8em; }\n h2 { font-size: 1.5em; }\n\n \/* --- Screen Visibility --- *\/\n #start-screen, #results-screen { display: flex; flex-direction: column; align-items: center; }\n #quiz-screen { display: none; }\n\n \/* --- Start Screen --- *\/\n #start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n\n \/* --- Quiz Screen Elements --- *\/\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n #question-text {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 25px;\n min-height: 50px;\n white-space: pre-wrap;\n }\n .options-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 10px;\n margin-bottom: 20px;\n }\n @media (min-width: 600px) {\n .options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; }\n }\n .option-btn {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n background-color: var(--light-color);\n border: 1px solid #ddd;\n color: var(--text-color);\n padding: 10px 12px;\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1em;\n width: 100%;\n word-wrap: break-word;\n }\n .option-btn:hover:not(:disabled) { background-color: #e2e6ea; border-color: #adb5bd; }\n .option-btn:disabled { cursor: not-allowed; opacity: 0.8; }\n .option-btn.correct { background-color: var(--success-color); border-color: var(--success-color); color: white; font-weight: bold; }\n .option-btn.incorrect { background-color: var(--danger-color); border-color: var(--danger-color); color: white; }\n\n \/* --- Navigation & Progress --- *\/\n .navigation-buttons { display: flex; justify-content: space-between; margin-top: 25px; }\n .nav-btn, #start-btn, #restart-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1em;\n transition: background-color 0.3s ease;\n font-family: 'Tajawal', sans-serif;\n }\n #start-btn { padding: 12px 35px; font-size: 1.2em; margin-top: 20px; }\n .nav-btn:hover, #start-btn:hover, #restart-btn:hover { background-color: #0056b3; }\n .nav-btn:disabled { background-color: var(--secondary-color); cursor: not-allowed; opacity: 0.7; }\n .progress-container { width: 100%; background-color: #e9ecef; border-radius: var(--border-radius); margin-top: 25px; overflow: hidden; }\n #progress-bar { height: 12px; width: 0%; background-color: var(--primary-color); border-radius: var(--border-radius); transition: width 0.4s ease-in-out; }\n #progress-text { margin-top: 6px; font-size: 0.9em; color: var(--secondary-color); }\n\n \/* --- Results Screen --- *\/\n #results-screen h2, #results-screen h3 { margin-bottom: 15px; font-size: 1.6em; }\n #score { font-size: 1.6em; font-weight: bold; color: var(--dark-color); margin-bottom: 25px; }\n .review-container { margin-top: 20px; text-align: right; max-height: 350px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: var(--border-radius); }\n .review-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size: 0.95em; }\n .review-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .review-item p { margin: 4px 0; }\n .review-question, .review-user-answer, .review-correct-answer {\n font-family: 'Roboto', sans-serif;\n direction: ltr;\n text-align: left;\n white-space: pre-wrap;\n }\n .review-user-answer span, .review-correct-answer span {\n font-family: 'Tajawal', sans-serif;\n }\n .review-question { font-weight: bold; }\n .review-user-answer.correct span { color: var(--success-color); }\n .review-user-answer.incorrect span { color: var(--danger-color); }\n .review-correct-answer { font-weight: bold; }\n .review-correct-answer span { color: var(--success-color); }\n\n \/* --- Feedback Message --- *\/\n #feedback { min-height: 20px; margin-top: 10px; font-weight: bold; font-size: 1em; }\n #feedback.correct { color: var(--success-color); }\n #feedback.incorrect { color: var(--danger-color); }\n\n \/* --- Restart Button --- *\/\n #restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #restart-btn:hover { background-color: #5a6268; }\n\n \/* --- Responsive Adjustments --- *\/\n @media (max-width: 600px) {\n body { padding: 10px; }\n .quiz-container { padding: 15px; margin-top: 10px; margin-bottom: 10px; }\n h1 { font-size: 1.6em; }\n h2 { font-size: 1.3em; }\n #start-screen p { font-size: 1em; }\n #question-text { font-size: 1.15em; margin-bottom: 20px; }\n .option-btn { font-size: 0.95em; padding: 8px 10px; }\n .nav-btn, #start-btn, #restart-btn { font-size: 0.95em; padding: 8px 15px; }\n #start-btn { font-size: 1.1em; padding: 10px 30px; }\n #score { font-size: 1.4em; }\n .review-container { max-height: 300px; }\n .review-item { font-size: 0.9em; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 Tag Questions<\/h1>\n <h2>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 19 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646<\/button>\n <\/div>\n\n <div id=\"quiz-screen\">\n <div class=\"question-header\">\n <span id=\"question-number\"><\/span>\n <\/div>\n <div id=\"question-text\"><\/div>\n <div class=\"options-container\" id=\"options-container\">\n <\/div>\n <div id=\"feedback\"><\/div>\n <div class=\"navigation-buttons\">\n <button id=\"prev-btn\" class=\"nav-btn\" onclick=\"prevQuestion()\">\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"next-btn\" class=\"nav-btn\" onclick=\"nextQuestion()\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <\/div>\n <div class=\"progress-container\">\n <div id=\"progress-bar\"><\/div>\n <\/div>\n <div id=\"progress-text\">0 \/ 19<\/div>\n <\/div>\n\n <div id=\"results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646<\/h2>\n <div id=\"score\"><\/div>\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <div class=\"review-container\" id=\"review-container\">\n <\/div>\n <button id=\"restart-btn\" onclick=\"restartQuiz()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Fisher-Yates (Knuth) Shuffle Algorithm\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n }\n\n \/\/ --- English Questions Data (Tag Questions - Standardized Blank) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"This is silly, ________ ?\", options: [\"isn't it\", \"isn't this\", \"aren't it\", \"aren't this\"], correctAnswer: \"isn't it\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Nothing ever changes________ ?\", options: [\"do it\", \"is this\", \"are it\", \"does it\"], correctAnswer: \"does it\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Come and look at this,________ ?\", options: [\"aren't you\", \"are you\", \"will you\", \"don't you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"Everyone was there,________ ?\", options: [\"aren't they\", \"weren't they\", \"wasn't they\", \"weren't you\"], correctAnswer: \"weren't they\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Don't be late, ________ ?\", options: [\"will they\", \"will you\", \"are they\", \"are you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"No one likes him,________?\", options: [\"do they\", \"does you\", \"do you\", \"does you\"], correctAnswer: \"do they\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"Let's stay here________?\", options: [\"do we\", \"shall we\", \"are you\", \"are we\"], correctAnswer: \"shall we\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"I'm a bit late________?\", options: [\"aren't I\", \"aren't you\", \"don't you\", \"doesn't you\"], correctAnswer: \"aren't I\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"Pick me up at eight,________?\", options: [\"don't they\", \"could you\", \"do you\", \"don't you\"], correctAnswer: \"could you\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"I'm sure you felt stressed out, ________?\", options: [\"are you\", \"aren't you\", \"didn't you\", \"don't you\"], correctAnswer: \"didn't you\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"Don't tell anyone my secret, ________?\", options: [\"will you\", \"are you\", \"did you\", \"don't you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"I'm always making the same mistake, ________?\", options: [\"are I\", \"aren't I\", \"didn't I\", \"don't I\"], correctAnswer: \"aren't I\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"We hadn't had such a good laugh for ages, ________?\", options: [\"are you\", \"aren't we\", \"hadn't we\", \"had we\"], correctAnswer: \"had we\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"Let's go to the coast, ________?\", options: [\"don't you\", \"aren't they\", \"shall we\", \"don't we\"], correctAnswer: \"shall we\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"Everybody likes chocolate, ________ ?\", options: [\"isn't you\", \"don't they\", \"aren't they\", \"weren't we\"], correctAnswer: \"don't they\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"You haven't met Adel, ________ ?\", options: [\"don't you\", \"don't they\", \"haven't you\", \"have you\"], correctAnswer: \"have you\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"Choose some more music,________ ?\", options: [\"should you\", \"aren't you\", \"will you\", \"are you\"], correctAnswer: \"will you\", userAnswer: null, isCorrect: null },\n { originalIndex: 18, question: \"This is a great new sports club,________ ?\", options: [\"isn't it\", \"isn't this\", \"aren't it\", \"aren't this\"], correctAnswer: \"isn't it\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"Everything went wrong,________?\", options: [\"wasn't it\", \"aren't it\", \"didn't it\", \"don't it\"], correctAnswer: \"didn't it\", userAnswer: null, isCorrect: null }\n ];\n \/\/ --- End of English Questions Data ---\n\n\n \/\/ --- JavaScript Quiz Logic ---\n let questions = [...englishQuizQuestions];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = questions.length;\n\n \/\/ DOM Element References\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultsScreen = document.getElementById('results-screen');\n const startBtn = document.getElementById('start-btn');\n const questionNumberEl = document.getElementById('question-number');\n const questionTextEl = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n const feedbackEl = document.getElementById('feedback');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const progressBar = document.getElementById('progress-bar');\n const progressTextEl = document.getElementById('progress-text');\n const scoreEl = document.getElementById('score');\n const reviewContainer = document.getElementById('review-container');\n\n \/\/ Event Listener for Start Button\n startBtn.addEventListener('click', startQuiz);\n\n \/\/ Function to initialize and start the quiz\n function startQuiz() {\n shuffleArray(questions);\n startScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n quizScreen.style.display = 'block';\n currentQuestionIndex = 0;\n score = 0;\n questions.forEach(q => {\n q.userAnswer = null;\n q.isCorrect = null;\n });\n progressTextEl.textContent = `0 \/ ${totalQuestions}`;\n loadQuestion(currentQuestionIndex);\n }\n\n \/\/ Function to display a question and its options\n function loadQuestion(index) {\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n const currentQuestion = questions[index];\n\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${index + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.textContent = currentQuestion.question;\n\n optionsContainer.innerHTML = '';\n const shuffledOptions = [...currentQuestion.options];\n shuffleArray(shuffledOptions);\n const alreadyAnswered = currentQuestion.userAnswer !== null;\n\n shuffledOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option;\n button.classList.add('option-btn');\n button.disabled = alreadyAnswered;\n\n if (alreadyAnswered) {\n if (option === currentQuestion.userAnswer) {\n button.classList.add(currentQuestion.isCorrect ? 'correct' : 'incorrect');\n } else if (option === currentQuestion.correctAnswer && !currentQuestion.isCorrect) {\n button.classList.add('correct');\n }\n } else {\n button.onclick = () => handleAnswer(button, option);\n }\n optionsContainer.appendChild(button);\n });\n\n updateProgressBar();\n updateNavigationButtons();\n }\n\n \/\/ Function to handle user selecting an answer\n function handleAnswer(selectedButton, selectedAnswer) {\n const currentQuestion = questions[currentQuestionIndex];\n if (currentQuestion.userAnswer !== null) return;\n\n currentQuestion.userAnswer = selectedAnswer;\n const isCorrect = selectedAnswer === currentQuestion.correctAnswer;\n currentQuestion.isCorrect = isCorrect;\n\n const optionButtons = optionsContainer.querySelectorAll('.option-btn');\n optionButtons.forEach(btn => btn.disabled = true);\n\n if (isCorrect) {\n score++;\n selectedButton.classList.add('correct');\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n feedbackEl.className = 'correct';\n } else {\n selectedButton.classList.add('incorrect');\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629!';\n feedbackEl.className = 'incorrect';\n optionButtons.forEach(btn => {\n if (btn.textContent === currentQuestion.correctAnswer) {\n btn.classList.add('correct');\n }\n });\n }\n updateNavigationButtons();\n }\n\n \/\/ Function to update the progress bar and text\n function updateProgressBar() {\n const progressPercentage = ((currentQuestionIndex + 1) \/ totalQuestions) * 100;\n progressBar.style.width = `${progressPercentage}%`;\n progressTextEl.textContent = `${currentQuestionIndex + 1} \/ ${totalQuestions}`;\n }\n\n \/\/ Function to enable\/disable navigation buttons and update Next\/Finish text\n function updateNavigationButtons() {\n prevBtn.disabled = currentQuestionIndex === 0;\n if (currentQuestionIndex === totalQuestions - 1) {\n nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0648\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u064a\u062c\u0629';\n } else {\n nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n }\n\n \/\/ Function to load the next question or show results\n function nextQuestion() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n loadQuestion(currentQuestionIndex);\n } else {\n showResults();\n }\n }\n\n \/\/ Function to load the previous question\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n loadQuestion(currentQuestionIndex);\n }\n }\n\n \/\/ Function to display the final results and review\n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n\n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(1);\n scoreEl.textContent = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n\n reviewContainer.innerHTML = '';\n\n const sortedQuestionsForReview = [...questions].sort((a, b) => a.originalIndex - b.originalIndex);\n\n sortedQuestionsForReview.forEach((q, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n\n const questionP = document.createElement('p');\n questionP.classList.add('review-question');\n questionP.textContent = `${index + 1}. ${q.question}`;\n\n\n const userAnswerP = document.createElement('p');\n userAnswerP.classList.add('review-user-answer');\n if (q.userAnswer === null) {\n userAnswerP.innerHTML = `<span>\u0625\u062c\u0627\u0628\u062a\u0643:<\/span> \u0644\u0645 \u062a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629`;\n userAnswerP.classList.add('incorrect');\n } else {\n const correctnessText = q.isCorrect ? '\u0635\u062d\u064a\u062d\u0629' : '\u062e\u0627\u0637\u0626\u0629';\n userAnswerP.innerHTML = `<span>\u0625\u062c\u0627\u0628\u062a\u0643:<\/span> ${q.userAnswer} (<span>${correctnessText}<\/span>)`;\n userAnswerP.classList.add(q.isCorrect ? 'correct' : 'incorrect');\n }\n\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n\n if (!q.isCorrect || q.userAnswer === null) {\n const correctAnswerP = document.createElement('p');\n correctAnswerP.classList.add('review-correct-answer');\n correctAnswerP.innerHTML = `<span>\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629:<\/span> ${q.correctAnswer}`;\n reviewItem.appendChild(correctAnswerP);\n }\n\n reviewContainer.appendChild(reviewItem);\n });\n }\n\n \/\/ Function to restart the quiz\n function restartQuiz() {\n startQuiz();\n }\n\n \/\/ Initial setup on page load\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0627\u0633\u0626\u0644\u0629 \u0627\u0644\u0630\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0649 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008 \u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 – Tag Questions \u0627\u062e\u062a\u0628\u0627\u0631 Tag Questions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"reaction":[],"class_list":["post-4905","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4905"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905\/revisions"}],"predecessor-version":[{"id":4915,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4905\/revisions\/4915"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4905"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}