Articles Quiz \u2013 \u0639\u0631\u0628\u064a<\/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&display=swap\" rel=\"stylesheet\">\n <style>\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 #mdl-tr-start-screen, #mdl-tr-results-screen { display: flex; flex-direction: column; align-items: center; }\n #mdl-tr-start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n #mdl-tr-quiz-screen { display: none; }\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n \/* \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n #mdl-tr-question-text { font-size: 1.3em; font-weight: bold; margin-bottom: 25px; min-height: 50px; direction: ltr; text-align: left; } \n #mdl-tr-options-container { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }\n @media (min-width: 600px) { #mdl-tr-options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } }\n \/* \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0639\u0631\u0636 \u0627\u0644\u062e\u064a\u0627\u0631 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n .option-btn { background-color: var(--light-color); border: 1px solid #ddd; color: var(--text-color); padding: 10px 12px; border-radius: var(--border-radius); cursor: pointer; transition: all 0.3s ease; font-size: 1em; text-align: left; width: 100%; word-wrap: break-word; direction: ltr; } \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 .navigation-buttons { display: flex; justify-content: space-between; margin-top: 25px; }\n .nav-btn, #mdl-tr-start-btn, #mdl-tr-restart-btn { background-color: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: var(--border-radius); cursor: pointer; font-size: 1em; transition: background-color 0.3s ease; }\n #mdl-tr-start-btn { padding: 12px 35px; font-size: 1.2em; margin-top: 20px; }\n .nav-btn:hover, #mdl-tr-start-btn:hover, #mdl-tr-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 #mdl-tr-progress-bar { height: 12px; width: 0%; background-color: var(--primary-color); border-radius: var(--border-radius); transition: width 0.4s ease-in-out; }\n #mdl-tr-progress-text { margin-top: 6px; font-size: 0.9em; color: var(--secondary-color); }\n #mdl-tr-results-screen h2 { margin-bottom: 15px; font-size: 1.6em; }\n #mdl-tr-score { font-size: 1.6em; font-weight: bold; color: var(--dark-color); margin-bottom: 25px; }\n \/* \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0644\u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\n #mdl-tr-review-container { margin-top: 20px; text-align: left; max-height: 350px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: var(--border-radius); direction: ltr;}\n .review-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size: 0.95em; text-align: left;}\n #mdl-tr-feedback { min-height: 20px; margin-top: 10px; font-weight: bold; font-size: 1em; }\n #mdl-tr-feedback.correct { color: var(--success-color); }\n #mdl-tr-feedback.incorrect { color: var(--danger-color); }\n #mdl-tr-restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #mdl-tr-restart-btn:hover { background-color: #5a6268; }\n \/* \u062a\u0645 \u062d\u0630\u0641 \u0647\u0630\u0647 \u0627\u0644\u0641\u0626\u0629 \u0643\u0645\u0627 \u0637\u0644\u0628\u062a *\/\n \/*.translation {\n display: none;\n }*\/\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"mdl-tr-start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631: Articles \u2013 \u0639\u0631\u0628\u064a<\/h1>\n <h2>Articles Test – Arabic<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 **27 \u0633\u0624\u0627\u0644** \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"mdl-tr-start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n\n <div id=\"mdl-tr-quiz-screen\" style=\"display: none;\">\n <div class=\"question-header\">\n <span id=\"mdl-tr-question-number\"><\/span>\n <\/div>\n <div id=\"mdl-tr-question-text\"><\/div>\n <div id=\"mdl-tr-options-container\" class=\"options-container\">\n <\/div>\n <div id=\"mdl-tr-feedback\"><\/div>\n <div class=\"navigation-buttons\">\n <button id=\"mdl-tr-prev-btn\" class=\"nav-btn\" onclick=\"mdl_tr_prevQuestion()\">\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"mdl-tr-next-btn\" class=\"nav-btn\" onclick=\"mdl_tr_nextQuestion()\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <\/div>\n <div class=\"progress-container\">\n <div id=\"mdl-tr-progress-bar\"><\/div>\n <\/div>\n <div id=\"mdl-tr-progress-text\">0 \/ **27**<\/div> \n <\/div>\n\n <div id=\"mdl-tr-results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <div id=\"mdl-tr-score\"><\/div>\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <div id=\"mdl-tr-review-container\" class=\"review-container\">\n <\/div>\n <button id=\"mdl-tr-restart-btn\" onclick=\"mdl_tr_restartQuiz()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0623\u0633\u0626\u0644\u0629 Articles \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0645\u0641\u062a\u0627\u062d \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0648\u0628\u062f\u0648\u0646 \u062a\u0631\u062c\u0645\u0629 \u0639\u0631\u0628\u064a\u0629\n const mdl_tr_englishQuizQuestions = [\n { question: \"It's on ___ road, near ___ university.\", options: [\"a \/ an\", \"the \/ the\", \"an \/ an\", \"a \/ the\"], correctAnswer: \"the \/ the\" },\n { question: \"At the time, he was ___ youngest student doing a two-year course at the School of Adventure Studies on the Isle of Skye in ___ Scotland.\", options: [\"a \/ the\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"a \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"I live in ___ flat near ___ city centre in Amman.\", options: [\"a \/ the\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"a \/ the\" },\n { question: \"I have ___ dream of climbing Jabal Umm ad Dami.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"I prefer ___ mountains to ___ sea.\", options: [\"the \/ an\", \"\u00d8 \/ \u00d8\", \"the \/ the\", \"a \/ a\"], correctAnswer: \"the \/ the\" },\n { question: \"I once went to ___ hospital for ___ operation.\", options: [\"a \/ an\", \"\u00d8 \/ the\", \"a \/ \u00d8\", \"\u00d8 \/ an\"], correctAnswer: \"\u00d8 \/ an\" },\n { question: \"I live near ___ River Thames which flows through ___ London.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"There's Dana from ___ USA and Muna from ___ Dubai.\", options: [\"a \/ an\", \"a \/ \u00d8\", \"the \/ \u00d8\", \"an \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"Have you ever been to ___ United Arab Emirates or ___ Egypt?\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"You should spend less on ___ clothes and more on ___ healthy food.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"\u00d8 \/ \u00d8\" },\n { question: \"I love the hot drinks like ___ tea or ___ coffee.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"\u00d8 \/ \u00d8\" },\n { question: \"If I could live anywhere, I would definitely choose ___ Amman.\", options: [\"\u00d8\", \"the\", \"an\", \"a\"], correctAnswer: \"\u00d8\" },\n { question: \"The moon shone down on ___ Wadi Rum that night.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" },\n { question: \"___ Egyptian pyramids are a very popular tourist attraction.\", options: [\"a\", \"an\", \"the\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"The sea in the Caribbean is ___ bluest sea I've seen since I was in ___ Thailand.\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"___ fastest way to get to Amman is to fly directly into ___ Queen Alia International airport.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"WELCOME TO ___ BELGIUM.\", options: [\"a\", \"the\", \"\u00d8\", \"an\"], correctAnswer: \"\u00d8\" },\n { question: \"___ STATUE OF LIBERTY IS CLOSED FOR MAINTENANCE TODAY.\", options: [\"the\", \"a\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"Save ___ Pacific Ocean!\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"Raspberries 3 JOD ___ kilo.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"BELIEVE IN ___ YOURSELF\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" },\n { question: \"Hi, Nour! I hear you've moved into ___ new flat. How is it?\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"Would you like to come round for ___ cup of tea?\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"My room is a bit small, but it's only 400 JOD ___ month, so I can't complain, and I've got ___ really nice flat mates too.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"a \/ \u00d8\"], correctAnswer: \"a \/ \u00d8\" },\n { question: \"___ moon shone down on Wadi Rum that night.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"___ sea in ___ Caribbean is the bluest sea I've seen since I was in Thailand.\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ the\"], correctAnswer: \"the \/ the\" },\n { question: \"I love ___ hot drinks like tea or coffee.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" }\n ];\n\n function mdl_tr_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 let mdl_tr_questions = [];\n let mdl_tr_currentQuestionIndex = 0;\n let mdl_tr_score = 0;\n \/\/ \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n const mdl_tr_totalQuestions = mdl_tr_englishQuizQuestions.length; \n\n const mdl_tr_startScreen = document.getElementById('mdl-tr-start-screen');\n const mdl_tr_quizScreen = document.getElementById('mdl-tr-quiz-screen');\n const mdl_tr_resultsScreen = document.getElementById('mdl-tr-results-screen');\n const mdl_tr_startBtn = document.getElementById('mdl-tr-start-btn');\n const mdl_tr_questionNumberEl = document.getElementById('mdl-tr-question-number');\n const mdl_tr_questionTextEl = document.getElementById('mdl-tr-question-text');\n const mdl_tr_optionsContainer = document.getElementById('mdl-tr-options-container');\n const mdl_tr_feedbackEl = document.getElementById('mdl-tr-feedback');\n const mdl_tr_prevBtn = document.getElementById('mdl-tr-prev-btn');\n const mdl_tr_nextBtn = document.getElementById('mdl-tr-next-btn');\n const mdl_tr_progressBar = document.getElementById('mdl-tr-progress-bar');\n const mdl_tr_progressTextEl = document.getElementById('mdl-tr-progress-text');\n const mdl_tr_scoreEl = document.getElementById('mdl-tr-score');\n const mdl_tr_reviewContainer = document.getElementById('mdl-tr-review-container');\n\n mdl_tr_startBtn.addEventListener('click', mdl_tr_startQuiz);\n\n function mdl_tr_startQuiz() {\n \/\/ \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0645\u0646\u0637\u0642 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062c\u062f\u064a\u062f \u0628\u062f\u0648\u0646 \u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0631\u0628\u064a\u0629\n mdl_tr_questions = JSON.parse(JSON.stringify(mdl_tr_englishQuizQuestions)).map(q => {\n const combinedOptions = q.options.map(option => ({\n en: option,\n \/\/ \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\n ar: option\n }));\n mdl_tr_shuffleArray(combinedOptions);\n return { ...q, shuffledCombinedOptions: combinedOptions, userAnswer: null, isCorrect: null };\n });\n mdl_tr_shuffleArray(mdl_tr_questions);\n\n mdl_tr_startScreen.style.display = 'none';\n mdl_tr_resultsScreen.style.display = 'none';\n mdl_tr_quizScreen.style.display = 'block';\n mdl_tr_currentQuestionIndex = 0;\n mdl_tr_score = 0;\n mdl_tr_displayQuestion();\n }\n\n function mdl_tr_displayQuestion() {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n mdl_tr_questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${mdl_tr_currentQuestionIndex + 1} \u0645\u0646 ${mdl_tr_totalQuestions}`;\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n mdl_tr_questionTextEl.textContent = question.question; \n mdl_tr_optionsContainer.innerHTML = '';\n mdl_tr_feedbackEl.textContent = '';\n mdl_tr_feedbackEl.className = '';\n\n question.shuffledCombinedOptions.forEach(combo => {\n const button = document.createElement('button');\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n button.textContent = combo.en; \n button.className = 'option-btn';\n button.onclick = () => mdl_tr_selectAnswer(combo.en, button);\n mdl_tr_optionsContainer.appendChild(button);\n });\n mdl_tr_updateNavigation();\n mdl_tr_updateProgressBar();\n mdl_tr_highlightPreviousAnswer();\n }\n\n function mdl_tr_selectAnswer(selectedOption, btn) {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n if (question.userAnswer !== null) return;\n question.userAnswer = selectedOption;\n const isCorrect = selectedOption === question.correctAnswer;\n question.isCorrect = isCorrect;\n\n if (isCorrect) {\n mdl_tr_score++;\n mdl_tr_feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n mdl_tr_feedbackEl.className = 'correct';\n } else {\n \/\/ \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u062a\u0643\u0648\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n mdl_tr_feedbackEl.textContent = `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer}`;\n mdl_tr_feedbackEl.className = 'incorrect';\n }\n Array.from(mdl_tr_optionsContainer.children).forEach(button => {\n button.disabled = true;\n const buttonOptionEn = button.textContent;\n if (buttonOptionEn === question.correctAnswer) {\n button.classList.add('correct');\n } else if (buttonOptionEn === selectedOption) {\n button.classList.add('incorrect');\n }\n });\n mdl_tr_nextBtn.focus();\n }\n\n function mdl_tr_highlightPreviousAnswer() {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n if (question.userAnswer === null) return;\n \n \/\/ \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u062a\u0643\u0648\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n mdl_tr_feedbackEl.textContent = question.isCorrect ? '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!' : `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer}`;\n mdl_tr_feedbackEl.className = question.isCorrect ? 'correct' : 'incorrect';\n \n Array.from(mdl_tr_optionsContainer.children).forEach(button => {\n button.disabled = true;\n const buttonOptionEn = button.textContent;\n if (buttonOptionEn === question.correctAnswer) {\n button.classList.add('correct');\n } else if (buttonOptionEn === question.userAnswer) {\n button.classList.add('incorrect');\n }\n });\n }\n \n function mdl_tr_showResults() {\n mdl_tr_quizScreen.style.display = 'none';\n mdl_tr_resultsScreen.style.display = 'block';\n const scorePercentage = ((mdl_tr_score \/ mdl_tr_totalQuestions) * 100).toFixed(2);\n mdl_tr_scoreEl.innerHTML = `\u0646\u062a\u064a\u062c\u062a\u0643: ${mdl_tr_score} \u0645\u0646 ${mdl_tr_totalQuestions} (${scorePercentage}%)`;\n mdl_tr_reviewContainer.innerHTML = '';\n mdl_tr_questions.forEach((answeredQuestion, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n const questionP = document.createElement('p');\n questionP.className = 'review-question';\n \/\/ \u0639\u0631\u0636 \u0646\u0635 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n questionP.textContent = `${index + 1}. ${answeredQuestion.question}`;\n \n const userAnswerP = document.createElement('p');\n userAnswerP.className = 'review-user-answer';\n let userAnswerText = answeredQuestion.userAnswer || '\u0644\u0645 \u062a\u062c\u0628 (No Answer)';\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643 (Your Answer): ${userAnswerText}`;\n userAnswerP.classList.add(answeredQuestion.isCorrect ? 'correct' : 'incorrect');\n \n const correctAnswerP = document.createElement('p');\n correctAnswerP.className = 'review-correct-answer';\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n correctAnswerP.innerHTML = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 (Correct Answer): <span>${answeredQuestion.correctAnswer}<\/span>`;\n \n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!answeredQuestion.isCorrect || !answeredQuestion.userAnswer) {\n reviewItem.appendChild(correctAnswerP);\n }\n mdl_tr_reviewContainer.appendChild(reviewItem);\n });\n }\n\n function mdl_tr_updateNavigation() {\n mdl_tr_prevBtn.disabled = mdl_tr_currentQuestionIndex === 0;\n if (mdl_tr_currentQuestionIndex === mdl_tr_totalQuestions - 1) {\n mdl_tr_nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631';\n } else {\n mdl_tr_nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n }\n \n function mdl_tr_updateProgressBar() {\n const progressPercentage = ((mdl_tr_currentQuestionIndex + 1) \/ mdl_tr_totalQuestions) * 100;\n mdl_tr_progressBar.style.width = `${progressPercentage}%`;\n mdl_tr_progressTextEl.textContent = `${mdl_tr_currentQuestionIndex + 1} \/ ${mdl_tr_totalQuestions}`;\n }\n \n function mdl_tr_nextQuestion() {\n if (mdl_tr_currentQuestionIndex < mdl_tr_totalQuestions - 1) {\n mdl_tr_currentQuestionIndex++;\n mdl_tr_displayQuestion();\n } else {\n mdl_tr_showResults();\n }\n }\n\n function mdl_tr_prevQuestion() {\n if (mdl_tr_currentQuestionIndex > 0) {\n mdl_tr_currentQuestionIndex--;\n mdl_tr_displayQuestion();\n }\n }\n \n function mdl_tr_restartQuiz() {\n mdl_tr_resultsScreen.style.display = 'none';\n mdl_tr_startScreen.style.display = 'flex';\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Articles Quiz \u2013 \u0639\u0631\u0628\u064a \u0627\u062e\u062a\u0628\u0627\u0631: Articles \u2013 \u0639\u0631\u0628\u064a Articles Test – Arabic \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 **27 \u0633\u0624\u0627\u0644** \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a. […]<\/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-5052","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\/5052","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=5052"}],"version-history":[{"count":2,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/5052\/revisions"}],"predecessor-version":[{"id":5054,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/5052\/revisions\/5054"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5052"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=5052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5052,"date":"2025-10-25T18:57:30","date_gmt":"2025-10-25T18:57:30","guid":{"rendered":"https:\/\/tawjihy.com\/?p=5052"},"modified":"2025-10-25T19:05:04","modified_gmt":"2025-10-25T19:05:04","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-article-%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%a5%d9%86%d8%ac%d9%84%d9%8a%d8%b2%d9%8a","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=5052","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0642\u0627\u0639\u062f\u0629 article \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u062c\u064a\u0644 2009 \u0627\u0648\u0644 \u062b\u0627\u0646\u0648\u064a"},"content":{"rendered":"\n\n\n\n\n\n\n \n \n Articles Quiz \u2013 \u0639\u0631\u0628\u064a<\/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&display=swap\" rel=\"stylesheet\">\n <style>\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 #mdl-tr-start-screen, #mdl-tr-results-screen { display: flex; flex-direction: column; align-items: center; }\n #mdl-tr-start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n #mdl-tr-quiz-screen { display: none; }\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n \/* \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n #mdl-tr-question-text { font-size: 1.3em; font-weight: bold; margin-bottom: 25px; min-height: 50px; direction: ltr; text-align: left; } \n #mdl-tr-options-container { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }\n @media (min-width: 600px) { #mdl-tr-options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } }\n \/* \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0639\u0631\u0636 \u0627\u0644\u062e\u064a\u0627\u0631 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n .option-btn { background-color: var(--light-color); border: 1px solid #ddd; color: var(--text-color); padding: 10px 12px; border-radius: var(--border-radius); cursor: pointer; transition: all 0.3s ease; font-size: 1em; text-align: left; width: 100%; word-wrap: break-word; direction: ltr; } \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 .navigation-buttons { display: flex; justify-content: space-between; margin-top: 25px; }\n .nav-btn, #mdl-tr-start-btn, #mdl-tr-restart-btn { background-color: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: var(--border-radius); cursor: pointer; font-size: 1em; transition: background-color 0.3s ease; }\n #mdl-tr-start-btn { padding: 12px 35px; font-size: 1.2em; margin-top: 20px; }\n .nav-btn:hover, #mdl-tr-start-btn:hover, #mdl-tr-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 #mdl-tr-progress-bar { height: 12px; width: 0%; background-color: var(--primary-color); border-radius: var(--border-radius); transition: width 0.4s ease-in-out; }\n #mdl-tr-progress-text { margin-top: 6px; font-size: 0.9em; color: var(--secondary-color); }\n #mdl-tr-results-screen h2 { margin-bottom: 15px; font-size: 1.6em; }\n #mdl-tr-score { font-size: 1.6em; font-weight: bold; color: var(--dark-color); margin-bottom: 25px; }\n \/* \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0644\u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\n #mdl-tr-review-container { margin-top: 20px; text-align: left; max-height: 350px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: var(--border-radius); direction: ltr;}\n .review-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size: 0.95em; text-align: left;}\n #mdl-tr-feedback { min-height: 20px; margin-top: 10px; font-weight: bold; font-size: 1em; }\n #mdl-tr-feedback.correct { color: var(--success-color); }\n #mdl-tr-feedback.incorrect { color: var(--danger-color); }\n #mdl-tr-restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #mdl-tr-restart-btn:hover { background-color: #5a6268; }\n \/* \u062a\u0645 \u062d\u0630\u0641 \u0647\u0630\u0647 \u0627\u0644\u0641\u0626\u0629 \u0643\u0645\u0627 \u0637\u0644\u0628\u062a *\/\n \/*.translation {\n display: none;\n }*\/\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"mdl-tr-start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631: Articles \u2013 \u0639\u0631\u0628\u064a<\/h1>\n <h2>Articles Test – Arabic<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 **27 \u0633\u0624\u0627\u0644** \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"mdl-tr-start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n\n <div id=\"mdl-tr-quiz-screen\" style=\"display: none;\">\n <div class=\"question-header\">\n <span id=\"mdl-tr-question-number\"><\/span>\n <\/div>\n <div id=\"mdl-tr-question-text\"><\/div>\n <div id=\"mdl-tr-options-container\" class=\"options-container\">\n <\/div>\n <div id=\"mdl-tr-feedback\"><\/div>\n <div class=\"navigation-buttons\">\n <button id=\"mdl-tr-prev-btn\" class=\"nav-btn\" onclick=\"mdl_tr_prevQuestion()\">\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"mdl-tr-next-btn\" class=\"nav-btn\" onclick=\"mdl_tr_nextQuestion()\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <\/div>\n <div class=\"progress-container\">\n <div id=\"mdl-tr-progress-bar\"><\/div>\n <\/div>\n <div id=\"mdl-tr-progress-text\">0 \/ **27**<\/div> \n <\/div>\n\n <div id=\"mdl-tr-results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <div id=\"mdl-tr-score\"><\/div>\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <div id=\"mdl-tr-review-container\" class=\"review-container\">\n <\/div>\n <button id=\"mdl-tr-restart-btn\" onclick=\"mdl_tr_restartQuiz()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0623\u0633\u0626\u0644\u0629 Articles \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0645\u0641\u062a\u0627\u062d \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0648\u0628\u062f\u0648\u0646 \u062a\u0631\u062c\u0645\u0629 \u0639\u0631\u0628\u064a\u0629\n const mdl_tr_englishQuizQuestions = [\n { question: \"It's on ___ road, near ___ university.\", options: [\"a \/ an\", \"the \/ the\", \"an \/ an\", \"a \/ the\"], correctAnswer: \"the \/ the\" },\n { question: \"At the time, he was ___ youngest student doing a two-year course at the School of Adventure Studies on the Isle of Skye in ___ Scotland.\", options: [\"a \/ the\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"a \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"I live in ___ flat near ___ city centre in Amman.\", options: [\"a \/ the\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"a \/ the\" },\n { question: \"I have ___ dream of climbing Jabal Umm ad Dami.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"I prefer ___ mountains to ___ sea.\", options: [\"the \/ an\", \"\u00d8 \/ \u00d8\", \"the \/ the\", \"a \/ a\"], correctAnswer: \"the \/ the\" },\n { question: \"I once went to ___ hospital for ___ operation.\", options: [\"a \/ an\", \"\u00d8 \/ the\", \"a \/ \u00d8\", \"\u00d8 \/ an\"], correctAnswer: \"\u00d8 \/ an\" },\n { question: \"I live near ___ River Thames which flows through ___ London.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"There's Dana from ___ USA and Muna from ___ Dubai.\", options: [\"a \/ an\", \"a \/ \u00d8\", \"the \/ \u00d8\", \"an \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"Have you ever been to ___ United Arab Emirates or ___ Egypt?\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"You should spend less on ___ clothes and more on ___ healthy food.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"\u00d8 \/ \u00d8\" },\n { question: \"I love the hot drinks like ___ tea or ___ coffee.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"\u00d8 \/ \u00d8\" },\n { question: \"If I could live anywhere, I would definitely choose ___ Amman.\", options: [\"\u00d8\", \"the\", \"an\", \"a\"], correctAnswer: \"\u00d8\" },\n { question: \"The moon shone down on ___ Wadi Rum that night.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" },\n { question: \"___ Egyptian pyramids are a very popular tourist attraction.\", options: [\"a\", \"an\", \"the\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"The sea in the Caribbean is ___ bluest sea I've seen since I was in ___ Thailand.\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"___ fastest way to get to Amman is to fly directly into ___ Queen Alia International airport.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"\u00d8 \/ \u00d8\"], correctAnswer: \"the \/ \u00d8\" },\n { question: \"WELCOME TO ___ BELGIUM.\", options: [\"a\", \"the\", \"\u00d8\", \"an\"], correctAnswer: \"\u00d8\" },\n { question: \"___ STATUE OF LIBERTY IS CLOSED FOR MAINTENANCE TODAY.\", options: [\"the\", \"a\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"Save ___ Pacific Ocean!\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"Raspberries 3 JOD ___ kilo.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"BELIEVE IN ___ YOURSELF\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" },\n { question: \"Hi, Nour! I hear you've moved into ___ new flat. How is it?\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"Would you like to come round for ___ cup of tea?\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"a\" },\n { question: \"My room is a bit small, but it's only 400 JOD ___ month, so I can't complain, and I've got ___ really nice flat mates too.\", options: [\"a \/ an\", \"the \/ \u00d8\", \"an \/ \u00d8\", \"a \/ \u00d8\"], correctAnswer: \"a \/ \u00d8\" },\n { question: \"___ moon shone down on Wadi Rum that night.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"the\" },\n { question: \"___ sea in ___ Caribbean is the bluest sea I've seen since I was in Thailand.\", options: [\"a \/ an\", \"\u00d8 \/ \u00d8\", \"an \/ \u00d8\", \"the \/ the\"], correctAnswer: \"the \/ the\" },\n { question: \"I love ___ hot drinks like tea or coffee.\", options: [\"a\", \"the\", \"an\", \"\u00d8\"], correctAnswer: \"\u00d8\" }\n ];\n\n function mdl_tr_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 let mdl_tr_questions = [];\n let mdl_tr_currentQuestionIndex = 0;\n let mdl_tr_score = 0;\n \/\/ \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n const mdl_tr_totalQuestions = mdl_tr_englishQuizQuestions.length; \n\n const mdl_tr_startScreen = document.getElementById('mdl-tr-start-screen');\n const mdl_tr_quizScreen = document.getElementById('mdl-tr-quiz-screen');\n const mdl_tr_resultsScreen = document.getElementById('mdl-tr-results-screen');\n const mdl_tr_startBtn = document.getElementById('mdl-tr-start-btn');\n const mdl_tr_questionNumberEl = document.getElementById('mdl-tr-question-number');\n const mdl_tr_questionTextEl = document.getElementById('mdl-tr-question-text');\n const mdl_tr_optionsContainer = document.getElementById('mdl-tr-options-container');\n const mdl_tr_feedbackEl = document.getElementById('mdl-tr-feedback');\n const mdl_tr_prevBtn = document.getElementById('mdl-tr-prev-btn');\n const mdl_tr_nextBtn = document.getElementById('mdl-tr-next-btn');\n const mdl_tr_progressBar = document.getElementById('mdl-tr-progress-bar');\n const mdl_tr_progressTextEl = document.getElementById('mdl-tr-progress-text');\n const mdl_tr_scoreEl = document.getElementById('mdl-tr-score');\n const mdl_tr_reviewContainer = document.getElementById('mdl-tr-review-container');\n\n mdl_tr_startBtn.addEventListener('click', mdl_tr_startQuiz);\n\n function mdl_tr_startQuiz() {\n \/\/ \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0645\u0646\u0637\u0642 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062c\u062f\u064a\u062f \u0628\u062f\u0648\u0646 \u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0631\u0628\u064a\u0629\n mdl_tr_questions = JSON.parse(JSON.stringify(mdl_tr_englishQuizQuestions)).map(q => {\n const combinedOptions = q.options.map(option => ({\n en: option,\n \/\/ \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\n ar: option\n }));\n mdl_tr_shuffleArray(combinedOptions);\n return { ...q, shuffledCombinedOptions: combinedOptions, userAnswer: null, isCorrect: null };\n });\n mdl_tr_shuffleArray(mdl_tr_questions);\n\n mdl_tr_startScreen.style.display = 'none';\n mdl_tr_resultsScreen.style.display = 'none';\n mdl_tr_quizScreen.style.display = 'block';\n mdl_tr_currentQuestionIndex = 0;\n mdl_tr_score = 0;\n mdl_tr_displayQuestion();\n }\n\n function mdl_tr_displayQuestion() {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n mdl_tr_questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${mdl_tr_currentQuestionIndex + 1} \u0645\u0646 ${mdl_tr_totalQuestions}`;\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n mdl_tr_questionTextEl.textContent = question.question; \n mdl_tr_optionsContainer.innerHTML = '';\n mdl_tr_feedbackEl.textContent = '';\n mdl_tr_feedbackEl.className = '';\n\n question.shuffledCombinedOptions.forEach(combo => {\n const button = document.createElement('button');\n \/\/ \u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n button.textContent = combo.en; \n button.className = 'option-btn';\n button.onclick = () => mdl_tr_selectAnswer(combo.en, button);\n mdl_tr_optionsContainer.appendChild(button);\n });\n mdl_tr_updateNavigation();\n mdl_tr_updateProgressBar();\n mdl_tr_highlightPreviousAnswer();\n }\n\n function mdl_tr_selectAnswer(selectedOption, btn) {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n if (question.userAnswer !== null) return;\n question.userAnswer = selectedOption;\n const isCorrect = selectedOption === question.correctAnswer;\n question.isCorrect = isCorrect;\n\n if (isCorrect) {\n mdl_tr_score++;\n mdl_tr_feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n mdl_tr_feedbackEl.className = 'correct';\n } else {\n \/\/ \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u062a\u0643\u0648\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n mdl_tr_feedbackEl.textContent = `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer}`;\n mdl_tr_feedbackEl.className = 'incorrect';\n }\n Array.from(mdl_tr_optionsContainer.children).forEach(button => {\n button.disabled = true;\n const buttonOptionEn = button.textContent;\n if (buttonOptionEn === question.correctAnswer) {\n button.classList.add('correct');\n } else if (buttonOptionEn === selectedOption) {\n button.classList.add('incorrect');\n }\n });\n mdl_tr_nextBtn.focus();\n }\n\n function mdl_tr_highlightPreviousAnswer() {\n const question = mdl_tr_questions[mdl_tr_currentQuestionIndex];\n if (question.userAnswer === null) return;\n \n \/\/ \u062a\u0645 \u062a\u0628\u0633\u064a\u0637 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u062a\u0643\u0648\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n mdl_tr_feedbackEl.textContent = question.isCorrect ? '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!' : `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer}`;\n mdl_tr_feedbackEl.className = question.isCorrect ? 'correct' : 'incorrect';\n \n Array.from(mdl_tr_optionsContainer.children).forEach(button => {\n button.disabled = true;\n const buttonOptionEn = button.textContent;\n if (buttonOptionEn === question.correctAnswer) {\n button.classList.add('correct');\n } else if (buttonOptionEn === question.userAnswer) {\n button.classList.add('incorrect');\n }\n });\n }\n \n function mdl_tr_showResults() {\n mdl_tr_quizScreen.style.display = 'none';\n mdl_tr_resultsScreen.style.display = 'block';\n const scorePercentage = ((mdl_tr_score \/ mdl_tr_totalQuestions) * 100).toFixed(2);\n mdl_tr_scoreEl.innerHTML = `\u0646\u062a\u064a\u062c\u062a\u0643: ${mdl_tr_score} \u0645\u0646 ${mdl_tr_totalQuestions} (${scorePercentage}%)`;\n mdl_tr_reviewContainer.innerHTML = '';\n mdl_tr_questions.forEach((answeredQuestion, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n const questionP = document.createElement('p');\n questionP.className = 'review-question';\n \/\/ \u0639\u0631\u0636 \u0646\u0635 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637\n questionP.textContent = `${index + 1}. ${answeredQuestion.question}`;\n \n const userAnswerP = document.createElement('p');\n userAnswerP.className = 'review-user-answer';\n let userAnswerText = answeredQuestion.userAnswer || '\u0644\u0645 \u062a\u062c\u0628 (No Answer)';\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643 (Your Answer): ${userAnswerText}`;\n userAnswerP.classList.add(answeredQuestion.isCorrect ? 'correct' : 'incorrect');\n \n const correctAnswerP = document.createElement('p');\n correctAnswerP.className = 'review-correct-answer';\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u0642\u0637\n correctAnswerP.innerHTML = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 (Correct Answer): <span>${answeredQuestion.correctAnswer}<\/span>`;\n \n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!answeredQuestion.isCorrect || !answeredQuestion.userAnswer) {\n reviewItem.appendChild(correctAnswerP);\n }\n mdl_tr_reviewContainer.appendChild(reviewItem);\n });\n }\n\n function mdl_tr_updateNavigation() {\n mdl_tr_prevBtn.disabled = mdl_tr_currentQuestionIndex === 0;\n if (mdl_tr_currentQuestionIndex === mdl_tr_totalQuestions - 1) {\n mdl_tr_nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631';\n } else {\n mdl_tr_nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n }\n \n function mdl_tr_updateProgressBar() {\n const progressPercentage = ((mdl_tr_currentQuestionIndex + 1) \/ mdl_tr_totalQuestions) * 100;\n mdl_tr_progressBar.style.width = `${progressPercentage}%`;\n mdl_tr_progressTextEl.textContent = `${mdl_tr_currentQuestionIndex + 1} \/ ${mdl_tr_totalQuestions}`;\n }\n \n function mdl_tr_nextQuestion() {\n if (mdl_tr_currentQuestionIndex < mdl_tr_totalQuestions - 1) {\n mdl_tr_currentQuestionIndex++;\n mdl_tr_displayQuestion();\n } else {\n mdl_tr_showResults();\n }\n }\n\n function mdl_tr_prevQuestion() {\n if (mdl_tr_currentQuestionIndex > 0) {\n mdl_tr_currentQuestionIndex--;\n mdl_tr_displayQuestion();\n }\n }\n \n function mdl_tr_restartQuiz() {\n mdl_tr_resultsScreen.style.display = 'none';\n mdl_tr_startScreen.style.display = 'flex';\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Articles Quiz \u2013 \u0639\u0631\u0628\u064a \u0627\u062e\u062a\u0628\u0627\u0631: Articles \u2013 \u0639\u0631\u0628\u064a Articles Test – Arabic \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 **27 \u0633\u0624\u0627\u0644** \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a. […]<\/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-5052","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\/5052","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=5052"}],"version-history":[{"count":2,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/5052\/revisions"}],"predecessor-version":[{"id":5054,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/5052\/revisions\/5054"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5052"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=5052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}