\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 – Causative & Before\/After<\/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 Causative & Before\/After<\/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 9 \u0623\u0633\u0626\u0644\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \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 \/ 9<\/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 (Causative & Before\/After) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"Jawad worked very hard for several years, and then he bought a new car.\", options: [\"Before Jawad had bought a new car, he worked very hard for several years.\", \"Before Jawad had worked very hard for several years, he bought a new car.\", \"Before Jawad worked very hard for several years, he had bought a new car.\", \"Before Jawad bought a new car, he had worked very hard for several years.\"], correctAnswer: \"Before Jawad bought a new car, he had worked very hard for several years.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Lana took medical training courses in France and then she went back home.\", options: [\"Before Lina took medical training courses in France, she went back home.\", \"Before Lina went back home, she had taken medical training courses in France.\", \"Before Lina had taken medical training in courses France, she went back home.\", \"Before Lina had gone back home, she took medical training courses in France.\"], correctAnswer: \"Before Lina went back home, she had taken medical training courses in France.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Kareem's father bought him a smartphone after he ________ good marks in his exam.\", options: [\"has been getting\", \"had got\", \"was getting\", \"had been got\"], correctAnswer: \"had got\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"Amer drove five hundred kilometers without a break and then he slept deeply.\", options: [\"After Amer had slept deeply, he drove five hundred kilometers without a break.\", \"After Amer slept deeply, he had driven five hundred kilometers without a break.\", \"After Amer slept deeply, he drove five hundred kilometers without a break.\", \"After Amer had driven five hundred kilometers without a break, he slept deeply.\"], correctAnswer: \"After Amer had driven five hundred kilometers without a break, he slept deeply.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Samer repaired many cars, and then he received his mechanic's license.\", options: [\"After Samer received his mechanic's license, he had repaired many cars.\", \"After Samer has repaired many cars, he received his mechanic's license.\", \"After Samer had repaired many cars, he received his mechanic's license.\", \"After Samer received his mechanic's license, he repaired many cars.\"], correctAnswer: \"After Samer had repaired many cars, he received his mechanic's license.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"Fatima worked very hard in her school, and hen she won the district prize.\\nThe sentence which has a similar meaning to the one above is.......\", options: [\"Before Fatima worked very hard in her school, she had won the district prize.\", \"Before Fatima had worked very hard in her school, she won the district prize.\", \"Before Fatima had won the district prize, she worked very hard in her school.\", \"Before Fatima won the district prize, she had worked very hard in her school.\"], correctAnswer: \"Before Fatima won the district prize, she had worked very hard in her school.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"Rayan had his computer ________ as it had stopped working\", options: [\"is repaired\", \"repaired\", \"was repaired\", \"will repair\"], correctAnswer: \"repaired\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"Khalid had his new novel ________ into three different languages.\", options: [\"is translated\", \"was translated\", \"translated\", \"will translate\"], correctAnswer: \"translated\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"I asked someone to send my text message.\\nThe correct causative form of the sentence above is:\", options: [\"I have sent my message.\", \"I had my text message sent.\", \"My text message was sent.\", \"I had sent my text message.\"], correctAnswer: \"I had my text message sent.\", 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 – Causative & Before\/After \u0627\u062e\u062a\u0628\u0627\u0631 Causative & Before\/After \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 9 […]<\/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-4916","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\/4916","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=4916"}],"version-history":[{"count":3,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4916\/revisions"}],"predecessor-version":[{"id":4977,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4916\/revisions\/4977"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4916"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4916,"date":"2025-04-13T09:54:59","date_gmt":"2025-04-13T09:54:59","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4916"},"modified":"2025-04-16T16:46:28","modified_gmt":"2025-04-16T16:46:28","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%b3%d8%a8%d8%a8%d9%8a%d8%a9-%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%a5","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4916","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0633\u0628\u0628\u064a\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647\u064a 2007"},"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 – Causative & Before\/After<\/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 Causative & Before\/After<\/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 9 \u0623\u0633\u0626\u0644\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \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 \/ 9<\/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 (Causative & Before\/After) ---\n const englishQuizQuestions = [\n { originalIndex: 1, question: \"Jawad worked very hard for several years, and then he bought a new car.\", options: [\"Before Jawad had bought a new car, he worked very hard for several years.\", \"Before Jawad had worked very hard for several years, he bought a new car.\", \"Before Jawad worked very hard for several years, he had bought a new car.\", \"Before Jawad bought a new car, he had worked very hard for several years.\"], correctAnswer: \"Before Jawad bought a new car, he had worked very hard for several years.\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"Lana took medical training courses in France and then she went back home.\", options: [\"Before Lina took medical training courses in France, she went back home.\", \"Before Lina went back home, she had taken medical training courses in France.\", \"Before Lina had taken medical training in courses France, she went back home.\", \"Before Lina had gone back home, she took medical training courses in France.\"], correctAnswer: \"Before Lina went back home, she had taken medical training courses in France.\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Kareem's father bought him a smartphone after he ________ good marks in his exam.\", options: [\"has been getting\", \"had got\", \"was getting\", \"had been got\"], correctAnswer: \"had got\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"Amer drove five hundred kilometers without a break and then he slept deeply.\", options: [\"After Amer had slept deeply, he drove five hundred kilometers without a break.\", \"After Amer slept deeply, he had driven five hundred kilometers without a break.\", \"After Amer slept deeply, he drove five hundred kilometers without a break.\", \"After Amer had driven five hundred kilometers without a break, he slept deeply.\"], correctAnswer: \"After Amer had driven five hundred kilometers without a break, he slept deeply.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Samer repaired many cars, and then he received his mechanic's license.\", options: [\"After Samer received his mechanic's license, he had repaired many cars.\", \"After Samer has repaired many cars, he received his mechanic's license.\", \"After Samer had repaired many cars, he received his mechanic's license.\", \"After Samer received his mechanic's license, he repaired many cars.\"], correctAnswer: \"After Samer had repaired many cars, he received his mechanic's license.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"Fatima worked very hard in her school, and hen she won the district prize.\\nThe sentence which has a similar meaning to the one above is.......\", options: [\"Before Fatima worked very hard in her school, she had won the district prize.\", \"Before Fatima had worked very hard in her school, she won the district prize.\", \"Before Fatima had won the district prize, she worked very hard in her school.\", \"Before Fatima won the district prize, she had worked very hard in her school.\"], correctAnswer: \"Before Fatima won the district prize, she had worked very hard in her school.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"Rayan had his computer ________ as it had stopped working\", options: [\"is repaired\", \"repaired\", \"was repaired\", \"will repair\"], correctAnswer: \"repaired\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"Khalid had his new novel ________ into three different languages.\", options: [\"is translated\", \"was translated\", \"translated\", \"will translate\"], correctAnswer: \"translated\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"I asked someone to send my text message.\\nThe correct causative form of the sentence above is:\", options: [\"I have sent my message.\", \"I had my text message sent.\", \"My text message was sent.\", \"I had sent my text message.\"], correctAnswer: \"I had my text message sent.\", 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 – Causative & Before\/After \u0627\u062e\u062a\u0628\u0627\u0631 Causative & Before\/After \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 9 […]<\/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-4916","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\/4916","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=4916"}],"version-history":[{"count":3,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4916\/revisions"}],"predecessor-version":[{"id":4977,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4916\/revisions\/4977"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4916"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}