\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 – \u0627\u0644\u062a\u0645\u0646\u064a (2008)<\/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 \u0627\u0644\u062a\u0645\u0646\u064a (2008)<\/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 32 \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 \/ 32<\/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 (Wishes & Regrets 2008) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"The speaker can't stop eating crisps..\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I could stop eating crisps.\", \"I wish I couldn't stop eating crisps.\", \"I wish I could have stop eating crisps.\", \"I wish I can stop eating crisps.\"], correctAnswer: \"I wish I could stop eating crisps.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Alia doesn't know how the speaker feels about it.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only Alia didn't know how I felt about it.\", \"If only Alia knew how I feel about it.\", \"If only Alia had known how I felt about it.\", \"If only Alia would know how I feel about it.\"], correctAnswer: \"If only Alia knew how I feel about it.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"They shouldn't have bought it.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only they hadn't bought it.\", \"If only they didn't buy it.\", \"If only they had bought it.\", \"If only they buy it.\"], correctAnswer: \"If only they hadn't bought it.\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"I were not luckier.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been luckier.\", \"If only I were luckier.\", \"If only I am luckier now.\", \"If only I could be luckier.\"], correctAnswer: \"If only I had been luckier.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"I wish I could afford to buy a new scooter.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been able to buy a new scooter.\", \"If only I could have afforded to buy a new scooter.\", \"If only I can afford to buy a new scooter.\", \"If only I will afford to buy a new scooter.\"], correctAnswer: \"If only I had been able to buy a new scooter.\", userAnswer: null, isCorrect: null }, \/\/ Based on best fit for past equivalent, acknowledging ambiguity.\n { originalIndex: 6, question: \"you're not here to watch me perform yesterday.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only you were here to watch me perform now.\", \"If only you had been here to watch me perform now.\", \"If only you didn't watch me perform yesterday.\", \"If only you would watch me perform now.\"], correctAnswer: \"If only you had been here to watch me perform now.\", userAnswer: null, isCorrect: null }, \/\/ Based on past perfect structure, acknowledging 'now' issue.\n { originalIndex: 7, question: \"we don't know where you were, we'd have come to get you.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only we knew where you are.\", \"If only we had known where you are.\", \"If only we know where you were.\", \"If only we would know where you are.\"], correctAnswer: \"If only we had known where you are.\", userAnswer: null, isCorrect: null }, \/\/ Based on past perfect structure, acknowledging 'are' issue.\n { originalIndex: 8, question: \"I went to university.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I go to university.\", \"I wish I didn't to university.\", \"I wish I had gone to university.\", \"I wish I hadn't gone to university.\"], correctAnswer: \"I wish I hadn't gone to university.\", userAnswer: null, isCorrect: null }, \/\/ Assuming regret about going.\n { originalIndex: 9, question: \"I didn't followed my dream to be a photographer!\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had followed my dream to be a photographer!\", \"If only I hadn't followed my dream to be a photographer!\", \"If only I haven't followed my dream to be a photographer!\", \"If only I have followed my dream to be a photographer!\"], correctAnswer: \"If only I had followed my dream to be a photographer!\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"I am not better at finishing.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been better at finishing.\", \"If only I was not better at finishing.\", \"If only I hadn't been better at finishing.\", \"If only I was better at finishing.\"], correctAnswer: \"If only I was better at finishing.\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"I can't travel round the world.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I couldn't travel round the world.\", \"I wish I had traveled round the world.\", \"I wish I can travel round the world.\", \"I wish I could travel round the world.\"], correctAnswer: \"I wish I could travel round the world.\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"I didn't know what questions they plan to ask during the English oral exam.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I hadn't what questions they plan to ask.\", \"If only I had known what questions they plan to ask.\", \"If only I knew what questions they asked.\", \"If only I know what questions they plan to ask.\"], correctAnswer: \"If only I had known what questions they plan to ask.\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"I didn't walk to school yesterday instead of going by bike.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had walked to school yesterday.\", \"If only I don't walk to school yesterday.\", \"If only I walk to school yesterday.\", \"If only I was walking to school yesterday.\"], correctAnswer: \"If only I had walked to school yesterday.\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"We didn't need to bring our waterproof jackets after all.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only we would bring our waterproof jackets.\", \"If only we didn't bring our waterproof jackets.\", \"If only we bring our waterproof jackets.\", \"If only we had brought our waterproof jackets.\"], correctAnswer: \"If only we had brought our waterproof jackets.\", userAnswer: null, isCorrect: null }, \/\/ Implies regret about not bringing them, although \"didn't need\" suggests otherwise. Assuming regret.\n { originalIndex: 15, question: \"I couldn't be at the World Cup finals last month and seen my country play.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been at the World Cup finals last month.\", \"If only I was not at the World Cup finals last month.\", \"If only I could be at the World Cup finals now.\", \"If only I was at the World Cup finals last month.\"], correctAnswer: \"If only I had been at the World Cup finals last month.\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"Looking back, perhaps I should not say anything, but I did, so it's too late now.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I won't say anything.\", \"If only I didn't say anything.\", \"If only I hadn't said anything.\", \"If only I would not say anything.\"], correctAnswer: \"If only I hadn't said anything.\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"I knew what questions they plan to ask during the English oral exam.\\nI wish I ________ what questions they plan to ask.\", options: [\"had known\", \"knew\", \"know\", \"hadn't known\"], correctAnswer: \"hadn't known\", userAnswer: null, isCorrect: null }, \/\/ Knew -> wish hadn't known\n { originalIndex: 18, question: \"I didn't walk to school yesterday instead of going by bike.\\nIf only I ________ to school yesterday.\", options: [\"had walked\", \"walked\", \"walk\", \"will walk\"], correctAnswer: \"had walked\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"You didn't need to buy that new charging cable but I guess it's good we've got a spare one.\\nIf only you ________ that new charging cable.\", options: [\"hadn't bought\", \"didn't buy\", \"bought\", \"buy\"], correctAnswer: \"hadn't bought\", userAnswer: null, isCorrect: null }, \/\/ Didn't need -> wish hadn't bought (regret buying)\n { originalIndex: 20, question: \"We didn't need to bring our waterproof jackets after all.\\nI wish we ________ our waterproof jackets.\", options: [\"had brought\", \"brought\", \"bring\", \"will bring\"], correctAnswer: \"had brought\", userAnswer: null, isCorrect: null }, \/\/ Didn't need -> wish had brought (regret NOT bringing) - opposite of Q14 logic. Assuming regret NOT bringing here.\n { originalIndex: 21, question: \"I can't be at the World Cup finals last month and seen my country play.\\nI wish I ________ at the World Cup finals last month.\", options: [\"had been\", \"was\", \"could be\", \"will be\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ Can't be (past context) -> wish had been\n { originalIndex: 22, question: \"Looking back, perhaps I should not say anything, but I did, so it's too late now.\\nIf only I ________ anything.\", options: [\"hadn't said\", \"don't say\", \"say\", \"will not say\"], correctAnswer: \"hadn't said\", userAnswer: null, isCorrect: null },\n { originalIndex: 23, question: \"The speaker can't stop eating crisps.\\nI wish I ________ stop eating crisps.\", options: [\"could\", \"couldn't\", \"could have\", \"can\"], correctAnswer: \"could\", userAnswer: null, isCorrect: null },\n { originalIndex: 24, question: \"Alia doesn't know how the speaker feels about it.\\nIf only Alia ________ how I feel about it.\", options: [\"didn't know\", \"knew\", \"had known\", \"would know\"], correctAnswer: \"knew\", userAnswer: null, isCorrect: null },\n { originalIndex: 25, question: \"They shouldn't have bought it.\\nIf only they ________ bought it.\", options: [\"hadn't\", \"didn't\", \"had\", \"buy\"], correctAnswer: \"hadn't\", userAnswer: null, isCorrect: null },\n { originalIndex: 26, question: \"I weren't luckier.\\nIf only I ________ luckier.\", options: [\"had been\", \"were\", \"am\", \"could be\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ weren't -> wish had been\n { originalIndex: 27, question: \"you'd been here to watch me perform yesterday.\\nIf only you ________ here to watch me perform now.\", options: [\"were\", \"had been\", \"didn't\", \"would\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ Assuming wish about past despite 'now'.\n { originalIndex: 28, question: \"we didn't know where you were, we'd have come to get you.\\nIf only we ________ where you are.\", options: [\"knew\", \"had known\", \"know\", \"would know\"], correctAnswer: \"had known\", userAnswer: null, isCorrect: null }, \/\/ Assuming wish about past despite 'are'.\n { originalIndex: 29, question: \"I went to university.\\nI wish I ________ gone to university.\", options: [\"go\", \"didn't\", \"had\", \"hadn't\"], correctAnswer: \"hadn't\", userAnswer: null, isCorrect: null }, \/\/ Assuming regret going.\n { originalIndex: 30, question: \"I didn't follow my dream to be a photographer!\\nIf only I ________ my dream to be a photographer!\", options: [\"had followed\", \"hadn't followed\", \"haven't followed\", \"have followed\"], correctAnswer: \"had followed\", userAnswer: null, isCorrect: null },\n { originalIndex: 31, question: \"I am not better at finishing.\\nIf only I ________ better at finishing.\", options: [\"had been\", \"was not\", \"hadn't been\", \"was\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null },\n { originalIndex: 32, question: \"I can't travel round the world.\\nI wish I ________ travel round the world.\", options: [\"couldn't\", \"had\", \"can\", \"could\"], correctAnswer: \"could\", 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\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 – \u0627\u0644\u062a\u0645\u0646\u064a (2008) \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u0645\u0646\u064a (2008) \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 32 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f […]<\/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-4940","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\/4940","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=4940"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4940\/revisions"}],"predecessor-version":[{"id":4941,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4940\/revisions\/4941"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4940"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4940,"date":"2025-04-14T14:54:56","date_gmt":"2025-04-14T14:54:56","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4940"},"modified":"2025-04-14T14:54:58","modified_gmt":"2025-04-14T14:54:58","slug":"%d8%a7%d9%85%d8%aa%d8%ad%d8%a7%d9%86-%d9%85%d8%ad%d9%88%d8%b3%d8%a8-%d9%84%d9%82%d8%a7%d8%b9%d8%af%d8%a9-%d8%a7%d9%84%d8%aa%d9%85%d9%86%d9%8a-%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%a5%d9%86-2","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4940","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u062a\u0645\u0646\u064a \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 \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008"},"content":{"rendered":"\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 – \u0627\u0644\u062a\u0645\u0646\u064a (2008)<\/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 \u0627\u0644\u062a\u0645\u0646\u064a (2008)<\/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 32 \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 \/ 32<\/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 (Wishes & Regrets 2008) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"The speaker can't stop eating crisps..\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I could stop eating crisps.\", \"I wish I couldn't stop eating crisps.\", \"I wish I could have stop eating crisps.\", \"I wish I can stop eating crisps.\"], correctAnswer: \"I wish I could stop eating crisps.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Alia doesn't know how the speaker feels about it.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only Alia didn't know how I felt about it.\", \"If only Alia knew how I feel about it.\", \"If only Alia had known how I felt about it.\", \"If only Alia would know how I feel about it.\"], correctAnswer: \"If only Alia knew how I feel about it.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"They shouldn't have bought it.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only they hadn't bought it.\", \"If only they didn't buy it.\", \"If only they had bought it.\", \"If only they buy it.\"], correctAnswer: \"If only they hadn't bought it.\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"I were not luckier.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been luckier.\", \"If only I were luckier.\", \"If only I am luckier now.\", \"If only I could be luckier.\"], correctAnswer: \"If only I had been luckier.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"I wish I could afford to buy a new scooter.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been able to buy a new scooter.\", \"If only I could have afforded to buy a new scooter.\", \"If only I can afford to buy a new scooter.\", \"If only I will afford to buy a new scooter.\"], correctAnswer: \"If only I had been able to buy a new scooter.\", userAnswer: null, isCorrect: null }, \/\/ Based on best fit for past equivalent, acknowledging ambiguity.\n { originalIndex: 6, question: \"you're not here to watch me perform yesterday.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only you were here to watch me perform now.\", \"If only you had been here to watch me perform now.\", \"If only you didn't watch me perform yesterday.\", \"If only you would watch me perform now.\"], correctAnswer: \"If only you had been here to watch me perform now.\", userAnswer: null, isCorrect: null }, \/\/ Based on past perfect structure, acknowledging 'now' issue.\n { originalIndex: 7, question: \"we don't know where you were, we'd have come to get you.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only we knew where you are.\", \"If only we had known where you are.\", \"If only we know where you were.\", \"If only we would know where you are.\"], correctAnswer: \"If only we had known where you are.\", userAnswer: null, isCorrect: null }, \/\/ Based on past perfect structure, acknowledging 'are' issue.\n { originalIndex: 8, question: \"I went to university.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I go to university.\", \"I wish I didn't to university.\", \"I wish I had gone to university.\", \"I wish I hadn't gone to university.\"], correctAnswer: \"I wish I hadn't gone to university.\", userAnswer: null, isCorrect: null }, \/\/ Assuming regret about going.\n { originalIndex: 9, question: \"I didn't followed my dream to be a photographer!\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had followed my dream to be a photographer!\", \"If only I hadn't followed my dream to be a photographer!\", \"If only I haven't followed my dream to be a photographer!\", \"If only I have followed my dream to be a photographer!\"], correctAnswer: \"If only I had followed my dream to be a photographer!\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"I am not better at finishing.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been better at finishing.\", \"If only I was not better at finishing.\", \"If only I hadn't been better at finishing.\", \"If only I was better at finishing.\"], correctAnswer: \"If only I was better at finishing.\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"I can't travel round the world.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"I wish I couldn't travel round the world.\", \"I wish I had traveled round the world.\", \"I wish I can travel round the world.\", \"I wish I could travel round the world.\"], correctAnswer: \"I wish I could travel round the world.\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"I didn't know what questions they plan to ask during the English oral exam.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I hadn't what questions they plan to ask.\", \"If only I had known what questions they plan to ask.\", \"If only I knew what questions they asked.\", \"If only I know what questions they plan to ask.\"], correctAnswer: \"If only I had known what questions they plan to ask.\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"I didn't walk to school yesterday instead of going by bike.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had walked to school yesterday.\", \"If only I don't walk to school yesterday.\", \"If only I walk to school yesterday.\", \"If only I was walking to school yesterday.\"], correctAnswer: \"If only I had walked to school yesterday.\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"We didn't need to bring our waterproof jackets after all.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only we would bring our waterproof jackets.\", \"If only we didn't bring our waterproof jackets.\", \"If only we bring our waterproof jackets.\", \"If only we had brought our waterproof jackets.\"], correctAnswer: \"If only we had brought our waterproof jackets.\", userAnswer: null, isCorrect: null }, \/\/ Implies regret about not bringing them, although \"didn't need\" suggests otherwise. Assuming regret.\n { originalIndex: 15, question: \"I couldn't be at the World Cup finals last month and seen my country play.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I had been at the World Cup finals last month.\", \"If only I was not at the World Cup finals last month.\", \"If only I could be at the World Cup finals now.\", \"If only I was at the World Cup finals last month.\"], correctAnswer: \"If only I had been at the World Cup finals last month.\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"Looking back, perhaps I should not say anything, but I did, so it's too late now.\\nThe sentence which has a similar meaning to the one above is:\", options: [\"If only I won't say anything.\", \"If only I didn't say anything.\", \"If only I hadn't said anything.\", \"If only I would not say anything.\"], correctAnswer: \"If only I hadn't said anything.\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"I knew what questions they plan to ask during the English oral exam.\\nI wish I ________ what questions they plan to ask.\", options: [\"had known\", \"knew\", \"know\", \"hadn't known\"], correctAnswer: \"hadn't known\", userAnswer: null, isCorrect: null }, \/\/ Knew -> wish hadn't known\n { originalIndex: 18, question: \"I didn't walk to school yesterday instead of going by bike.\\nIf only I ________ to school yesterday.\", options: [\"had walked\", \"walked\", \"walk\", \"will walk\"], correctAnswer: \"had walked\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"You didn't need to buy that new charging cable but I guess it's good we've got a spare one.\\nIf only you ________ that new charging cable.\", options: [\"hadn't bought\", \"didn't buy\", \"bought\", \"buy\"], correctAnswer: \"hadn't bought\", userAnswer: null, isCorrect: null }, \/\/ Didn't need -> wish hadn't bought (regret buying)\n { originalIndex: 20, question: \"We didn't need to bring our waterproof jackets after all.\\nI wish we ________ our waterproof jackets.\", options: [\"had brought\", \"brought\", \"bring\", \"will bring\"], correctAnswer: \"had brought\", userAnswer: null, isCorrect: null }, \/\/ Didn't need -> wish had brought (regret NOT bringing) - opposite of Q14 logic. Assuming regret NOT bringing here.\n { originalIndex: 21, question: \"I can't be at the World Cup finals last month and seen my country play.\\nI wish I ________ at the World Cup finals last month.\", options: [\"had been\", \"was\", \"could be\", \"will be\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ Can't be (past context) -> wish had been\n { originalIndex: 22, question: \"Looking back, perhaps I should not say anything, but I did, so it's too late now.\\nIf only I ________ anything.\", options: [\"hadn't said\", \"don't say\", \"say\", \"will not say\"], correctAnswer: \"hadn't said\", userAnswer: null, isCorrect: null },\n { originalIndex: 23, question: \"The speaker can't stop eating crisps.\\nI wish I ________ stop eating crisps.\", options: [\"could\", \"couldn't\", \"could have\", \"can\"], correctAnswer: \"could\", userAnswer: null, isCorrect: null },\n { originalIndex: 24, question: \"Alia doesn't know how the speaker feels about it.\\nIf only Alia ________ how I feel about it.\", options: [\"didn't know\", \"knew\", \"had known\", \"would know\"], correctAnswer: \"knew\", userAnswer: null, isCorrect: null },\n { originalIndex: 25, question: \"They shouldn't have bought it.\\nIf only they ________ bought it.\", options: [\"hadn't\", \"didn't\", \"had\", \"buy\"], correctAnswer: \"hadn't\", userAnswer: null, isCorrect: null },\n { originalIndex: 26, question: \"I weren't luckier.\\nIf only I ________ luckier.\", options: [\"had been\", \"were\", \"am\", \"could be\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ weren't -> wish had been\n { originalIndex: 27, question: \"you'd been here to watch me perform yesterday.\\nIf only you ________ here to watch me perform now.\", options: [\"were\", \"had been\", \"didn't\", \"would\"], correctAnswer: \"had been\", userAnswer: null, isCorrect: null }, \/\/ Assuming wish about past despite 'now'.\n { originalIndex: 28, question: \"we didn't know where you were, we'd have come to get you.\\nIf only we ________ where you are.\", options: [\"knew\", \"had known\", \"know\", \"would know\"], correctAnswer: \"had known\", userAnswer: null, isCorrect: null }, \/\/ Assuming wish about past despite 'are'.\n { originalIndex: 29, question: \"I went to university.\\nI wish I ________ gone to university.\", options: [\"go\", \"didn't\", \"had\", \"hadn't\"], correctAnswer: \"hadn't\", userAnswer: null, isCorrect: null }, \/\/ Assuming regret going.\n { originalIndex: 30, question: \"I didn't follow my dream to be a photographer!\\nIf only I ________ my dream to be a photographer!\", options: [\"had followed\", \"hadn't followed\", \"haven't followed\", \"have followed\"], correctAnswer: \"had followed\", userAnswer: null, isCorrect: null },\n { originalIndex: 31, question: \"I am not better at finishing.\\nIf only I ________ better at finishing.\", options: [\"had been\", \"was not\", \"hadn't been\", \"was\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null },\n { originalIndex: 32, question: \"I can't travel round the world.\\nI wish I ________ travel round the world.\", options: [\"couldn't\", \"had\", \"can\", \"could\"], correctAnswer: \"could\", 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\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 – \u0627\u0644\u062a\u0645\u0646\u064a (2008) \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u0645\u0646\u064a (2008) \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 32 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f […]<\/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-4940","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\/4940","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=4940"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4940\/revisions"}],"predecessor-version":[{"id":4941,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4940\/revisions\/4941"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4940"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}