\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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 16 \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 \/ 16<\/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 (Impersonal Passive 2008) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"People say that other scientists invented the telephone.\\nThe correct transformation is:\", options: [\"It is said that other scientists invented the telephone.\", \"It has said that other scientists invented the telephone.\", \"It was saying that other scientists invented the telephone.\", \"It said that other scientists invented the telephone.\"], correctAnswer: \"It is said that other scientists invented the telephone.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Experts expect that more people will own phones in the future. The\\ncorrect transformation is:\", options: [\"It is expected that more people will own phones in the future.\", \"It was expected that more people will own phones in the future.\", \"It has expected that more people will own phones in the future.\", \"It expects that more people will own phones in the future.\"], correctAnswer: \"It is expected that more people will own phones in the future.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Some people have suggested that young people should not have mobile phones.\\nThe correct transformation is:\", options: [\"It has been suggested that young people should not have mobile phones.\", \"It was suggested that young people should not have mobile phones.\", \"It is suggested that young people should not have mobile phones.\", \"It suggested that young people should not have mobile phones.\"], correctAnswer: \"It has been suggested that young people should not have mobile phones.\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"People say that a scientist called Elisha Gray invented the phone at the same time as Alexander Graham Bell.\\nThe correct transformation is:\", options: [\"A scientist called Elisha Gray is said to invent the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray was said to invent the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray is said to have invented the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray was said to have invented the phone at the same time as Alexander Graham Bell.\"], correctAnswer: \"A scientist called Elisha Gray is said to have invented the phone at the same time as Alexander Graham Bell.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Initially, people thought the telephone was only for rich people.\\nThe correct transformation is:\", options: [\"The telephone is thought to be only for rich people.\", \"The telephone was thought to be only for rich people.\", \"The telephone is thought to have been only for rich people.\", \"The telephone was thought to have been only for rich people.\"], correctAnswer: \"The telephone was thought to be only for rich people.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"Experts have estimated that the majority of people in the world own a smartphone.\\nThe correct transformation is:\", options: [\"The majority of people in the world is estimated to own a smartphone.\", \"The majority of people in the world was estimated to own a smartphone.\", \"The majority of people in the world are estimated to own a smartphone.\", \"The majority of people in the world are estimated to has owned a smartphone.\"], correctAnswer: \"The majority of people in the world are estimated to own a smartphone.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"The smart man often remarked that too much screen time is bad for your eyes.\\nThe correct transformation is:\", options: [\"It was often remarked that too much screen time was bad for your eyes.\", \"It is often remarked that too much screen time is bad for your eyes.\", \"It is often remarked that too much screen time will be bad for your eyes.\", \"It is often remarked that too much screen time has been bad for your eyes.\"], correctAnswer: \"It was often remarked that too much screen time was bad for your eyes.\", userAnswer: null, isCorrect: null }, \/\/ Reporting verb 'remarked' is past.\n { originalIndex: 8, question: \"It graduates expect a high wage as soon as they graduate.\\nThe correct transformation is:\", options: [\"A high wage is expected to be received by IT graduates as soon as they graduate.\", \"A high wage is expected by IT graduates as soon as they graduate.\", \"IT graduates are expected to receive a high wage as soon as they graduate.\", \"A high wage was expected to be received by IT graduates as soon as they graduated.\"], correctAnswer: \"IT graduates are expected to receive a high wage as soon as they graduate.\", userAnswer: null, isCorrect: null }, \/\/ Assuming 'It graduates' is typo for 'IT graduates'. Structure 2.\n { originalIndex: 9, question: \"Five people were injured in yesterday's accident.\\nThe correct transformation is:\", options: [\"It is reported that five people were injured in yesterday's accident.\", \"Five people were reported to were injured in yesterday's accident.\", \"It was reported that five people were injured in yesterday's accident.\", \"Five people were reported injured in yesterday's accident.\"], correctAnswer: \"It was reported that five people were injured in yesterday's accident.\", userAnswer: null, isCorrect: null }, \/\/ Assuming past reporting verb.\n { originalIndex: 10, question: \"He claim that Wi-Fi signals are harmless to birds and insects.\\nThe correct transformation is:\", options: [\"It is claimed that Wi-Fi signals were harmless to birds and insects.\", \"It is claimed that Wi-Fi signals have been harmless to birds and insects.\", \"It is claimed that Wi-Fi signals will be harmless to birds and insects.\", \"It is claimed that Wi-Fi signals are harmless to birds and insects.\"], correctAnswer: \"It is claimed that Wi-Fi signals are harmless to birds and insects.\", userAnswer: null, isCorrect: null }, \/\/ Assuming 'claim' is typo for 'claims' (present).\n { originalIndex: 11, question: \"I never expected to do this in my last job.\\nThe correct transformation is:\", options: [\"It was never expected to be done in my last job.\", \"It is never expected to do this in my last job.\", \"It was never expected to this would be done in my last job.\", \"It are never expected for me to do this in my last job.\"], correctAnswer: \"It was never expected to be done in my last job.\", userAnswer: null, isCorrect: null }, \/\/ Passive infinitive.\n { originalIndex: 12, question: \"It ________ said that high-speed rail travel would cause people to stop breathing.\", options: [\"is\", \"was\", \"has been\", \"will be\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"Over half a million passwords are thought to ________ stolen in the hack.\", options: [\"be\", \"has been\", \"is being\", \"had\"], correctAnswer: \"be\", userAnswer: null, isCorrect: null }, \/\/ Acknowledging options are imperfect, 'be' is closest.\n { originalIndex: 14, question: \"It has often been ________ that the world was a simpler place before people had telephones.\", options: [\"remarked\", \"remarking\", \"is remarked\", \"was remarked\"], correctAnswer: \"remarked\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"________ is thought that there are over 1.5 billion websites today.\", options: [\"They\", \"We\", \"It\", \"You\"], correctAnswer: \"It\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"It ________ revealed that personal data had been collected illegally by the company.\", options: [\"is\", \"was\", \"has been\", \"is being\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null } \/\/ Assuming past event.\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 = `${q.originalIndex}. ${q.question}`; \/\/ Use original index\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\u064a (2008) \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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 […]<\/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-4948","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\/4948","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=4948"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4948\/revisions"}],"predecessor-version":[{"id":4949,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4948\/revisions\/4949"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4948"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4948,"date":"2025-04-14T15:06:42","date_gmt":"2025-04-14T15:06:42","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4948"},"modified":"2025-04-14T15:06:45","modified_gmt":"2025-04-14T15:06:45","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%d9%85%d8%a8%d9%86%d9%8a-%d9%84%d9%84%d9%85%d8%ac%d9%87%d9%88%d9%84-%d8%ba%d9%8a","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4948","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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 16 \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 \/ 16<\/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 (Impersonal Passive 2008) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"People say that other scientists invented the telephone.\\nThe correct transformation is:\", options: [\"It is said that other scientists invented the telephone.\", \"It has said that other scientists invented the telephone.\", \"It was saying that other scientists invented the telephone.\", \"It said that other scientists invented the telephone.\"], correctAnswer: \"It is said that other scientists invented the telephone.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Experts expect that more people will own phones in the future. The\\ncorrect transformation is:\", options: [\"It is expected that more people will own phones in the future.\", \"It was expected that more people will own phones in the future.\", \"It has expected that more people will own phones in the future.\", \"It expects that more people will own phones in the future.\"], correctAnswer: \"It is expected that more people will own phones in the future.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Some people have suggested that young people should not have mobile phones.\\nThe correct transformation is:\", options: [\"It has been suggested that young people should not have mobile phones.\", \"It was suggested that young people should not have mobile phones.\", \"It is suggested that young people should not have mobile phones.\", \"It suggested that young people should not have mobile phones.\"], correctAnswer: \"It has been suggested that young people should not have mobile phones.\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"People say that a scientist called Elisha Gray invented the phone at the same time as Alexander Graham Bell.\\nThe correct transformation is:\", options: [\"A scientist called Elisha Gray is said to invent the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray was said to invent the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray is said to have invented the phone at the same time as Alexander Graham Bell.\", \"A scientist called Elisha Gray was said to have invented the phone at the same time as Alexander Graham Bell.\"], correctAnswer: \"A scientist called Elisha Gray is said to have invented the phone at the same time as Alexander Graham Bell.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Initially, people thought the telephone was only for rich people.\\nThe correct transformation is:\", options: [\"The telephone is thought to be only for rich people.\", \"The telephone was thought to be only for rich people.\", \"The telephone is thought to have been only for rich people.\", \"The telephone was thought to have been only for rich people.\"], correctAnswer: \"The telephone was thought to be only for rich people.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"Experts have estimated that the majority of people in the world own a smartphone.\\nThe correct transformation is:\", options: [\"The majority of people in the world is estimated to own a smartphone.\", \"The majority of people in the world was estimated to own a smartphone.\", \"The majority of people in the world are estimated to own a smartphone.\", \"The majority of people in the world are estimated to has owned a smartphone.\"], correctAnswer: \"The majority of people in the world are estimated to own a smartphone.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"The smart man often remarked that too much screen time is bad for your eyes.\\nThe correct transformation is:\", options: [\"It was often remarked that too much screen time was bad for your eyes.\", \"It is often remarked that too much screen time is bad for your eyes.\", \"It is often remarked that too much screen time will be bad for your eyes.\", \"It is often remarked that too much screen time has been bad for your eyes.\"], correctAnswer: \"It was often remarked that too much screen time was bad for your eyes.\", userAnswer: null, isCorrect: null }, \/\/ Reporting verb 'remarked' is past.\n { originalIndex: 8, question: \"It graduates expect a high wage as soon as they graduate.\\nThe correct transformation is:\", options: [\"A high wage is expected to be received by IT graduates as soon as they graduate.\", \"A high wage is expected by IT graduates as soon as they graduate.\", \"IT graduates are expected to receive a high wage as soon as they graduate.\", \"A high wage was expected to be received by IT graduates as soon as they graduated.\"], correctAnswer: \"IT graduates are expected to receive a high wage as soon as they graduate.\", userAnswer: null, isCorrect: null }, \/\/ Assuming 'It graduates' is typo for 'IT graduates'. Structure 2.\n { originalIndex: 9, question: \"Five people were injured in yesterday's accident.\\nThe correct transformation is:\", options: [\"It is reported that five people were injured in yesterday's accident.\", \"Five people were reported to were injured in yesterday's accident.\", \"It was reported that five people were injured in yesterday's accident.\", \"Five people were reported injured in yesterday's accident.\"], correctAnswer: \"It was reported that five people were injured in yesterday's accident.\", userAnswer: null, isCorrect: null }, \/\/ Assuming past reporting verb.\n { originalIndex: 10, question: \"He claim that Wi-Fi signals are harmless to birds and insects.\\nThe correct transformation is:\", options: [\"It is claimed that Wi-Fi signals were harmless to birds and insects.\", \"It is claimed that Wi-Fi signals have been harmless to birds and insects.\", \"It is claimed that Wi-Fi signals will be harmless to birds and insects.\", \"It is claimed that Wi-Fi signals are harmless to birds and insects.\"], correctAnswer: \"It is claimed that Wi-Fi signals are harmless to birds and insects.\", userAnswer: null, isCorrect: null }, \/\/ Assuming 'claim' is typo for 'claims' (present).\n { originalIndex: 11, question: \"I never expected to do this in my last job.\\nThe correct transformation is:\", options: [\"It was never expected to be done in my last job.\", \"It is never expected to do this in my last job.\", \"It was never expected to this would be done in my last job.\", \"It are never expected for me to do this in my last job.\"], correctAnswer: \"It was never expected to be done in my last job.\", userAnswer: null, isCorrect: null }, \/\/ Passive infinitive.\n { originalIndex: 12, question: \"It ________ said that high-speed rail travel would cause people to stop breathing.\", options: [\"is\", \"was\", \"has been\", \"will be\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"Over half a million passwords are thought to ________ stolen in the hack.\", options: [\"be\", \"has been\", \"is being\", \"had\"], correctAnswer: \"be\", userAnswer: null, isCorrect: null }, \/\/ Acknowledging options are imperfect, 'be' is closest.\n { originalIndex: 14, question: \"It has often been ________ that the world was a simpler place before people had telephones.\", options: [\"remarked\", \"remarking\", \"is remarked\", \"was remarked\"], correctAnswer: \"remarked\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"________ is thought that there are over 1.5 billion websites today.\", options: [\"They\", \"We\", \"It\", \"You\"], correctAnswer: \"It\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"It ________ revealed that personal data had been collected illegally by the company.\", options: [\"is\", \"was\", \"has been\", \"is being\"], correctAnswer: \"was\", userAnswer: null, isCorrect: null } \/\/ Assuming past event.\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 = `${q.originalIndex}. ${q.question}`; \/\/ Use original index\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\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\u064a (2008) \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0628\u0646\u064a \u0644\u0644\u0645\u062c\u0647\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0634\u062e\u0635\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 […]<\/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-4948","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\/4948","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=4948"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4948\/revisions"}],"predecessor-version":[{"id":4949,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4948\/revisions\/4949"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4948"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}