\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621<\/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 #start-screen, #results-screen { display: flex; flex-direction: column; align-items: center; }\n #start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n #quiz-screen { display: none; }\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n #question-text { font-size: 1.3em; font-weight: bold; margin-bottom: 25px; min-height: 50px; text-align: left; direction: ltr;} \/* Align question text left *\/\n .options-container { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }\n @media (min-width: 600px) { .options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } }\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;} \/* Align option text left *\/\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, #start-btn, #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 #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 #results-screen h2 { 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; text-align: left; direction: ltr;} \/* Align review text left *\/\n .review-question { font-weight: bold; }\n .review-user-answer.correct { color: var(--success-color); }\n .review-user-answer.incorrect { color: var(--danger-color); }\n .review-correct-answer { color: var(--success-color); font-weight: bold; }\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 #restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #restart-btn:hover { background-color: #5a6268; }\n @media (max-width: 600px) {\n body { padding: 10px; }\n .quiz-container { padding: 15px; margin-top: 10px; margin-bottom: 10px; }\n h1 { font-size: 1.6em; }\n h2 { font-size: 1.3em; }\n #start-screen p { font-size: 1em; }\n #question-text { font-size: 1.15em; margin-bottom: 20px; }\n .option-btn { font-size: 0.95em; padding: 8px 10px; }\n .nav-btn, #start-btn, #restart-btn { font-size: 0.95em; padding: 8px 15px; }\n #start-btn { font-size: 1.1em; padding: 10px 30px; }\n #score { font-size: 1.4em; }\n .review-container { max-height: 300px; }\n .review-item { font-size: 0.9em; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621<\/h1>\n <h2>(Spelling, Punctuation, and Editing)<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 40 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0639\u0634\u0648\u0627\u0626\u064a.<\/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 \/ 40<\/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 const originalSpellingQuestions = [\n { originalIndex: 1, question: \"My grandfather has ________ in his fingers so he sometimes finds it difficult to write.\", options: [\"arthretis\", \"arthritis\", \"arthratis\", \"arthrites\"], correctAnswer: \"arthritis\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"He seems to be capable of holding a number of apparently ________ attitudes.\", options: [\"cuntradictory\", \"contradictory\", \"cantradictory\", \"contradectory\"], correctAnswer: \"contradictory\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Choose the word that means: relating to or happening in one particular country and not involving any other countries.\", options: [\"Demestic\", \"Domestic\", \"Domastic\", \"Domistic\"], correctAnswer: \"Domestic\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"The Correct punctuated sentence is:\", options: [\"During the meeting. I made sure that my voice and Body language were controlled.\", \"During the meeting, I made sure that my Voice and body language were controlled!\", \"During the meeting, I made sure that my voice and body language were controlled.\", \"During the meeting. I made sure that my voice and body Language were controlled.\"], correctAnswer: \"During the meeting, I made sure that my voice and body language were controlled.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Choose the sentence that has the correct order of the words and phrases: Modern \/ environment \/ helps \/ recycled \/ which \/ the \/ sustainability \/ cities \/ water \/ of \/ the \/ use\", options: [\"Modern recycled cities help water which, use the sustainability of the environment.\", \"Modern cities sustainability, use the recycled water which helps of the environment.\", \"Modern cities, help recycled water which use the sustainability of the environment.\", \"Modern cities use recycled water, which helps the sustainability of the environment.\"], correctAnswer: \"Modern cities use recycled water, which helps the sustainability of the environment.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"The correctly edited sentence is:\", options: [\"By working hard, you will earn the respect of your boss.\", \"By working hard. You will iarn the respect of your boss.\", \"By working hard; you will airn the respect of your boss.\", \"By working hard, you will aern the respect of your boss.\"], correctAnswer: \"By working hard, you will earn the respect of your boss.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"The thing ________ Ali ibn Nafi' ________ in the world was the musical theory.\", options: [\"that \/ revolotionised\", \"which \/ revolutionised\", \"who \/ rivolutionised\", \"whose \/ ravolutionised\"], correctAnswer: \"which \/ revolutionised\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"The majority of the Jordanian economy is ________ by services, mostly travel and tourism.\", options: [\"daminated\", \"domenated\", \"dominated\", \"duminated\"], correctAnswer: \"dominated\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"The sentence that has been written correctly is:\", options: [\"When each side changes their position so that a little they have managed to compromise they can agree.\", \"When each side changes a little so that they can agree their position, they have managed to compromise.\", \"When a little each side changes their position so that they have managed to compromise, they can agree.\", \"When each side changes their position a little so that they can agree, they have managed to compromise.\"], correctAnswer: \"When each side changes their position a little so that they can agree, they have managed to compromise.\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"Before doctors decide how to treat patients________ they look at the ________.\", options: [\", \/ symptoms\", \". \/ semptoms\", \"! \/ simptoms\", \", \/ symptems\"], correctAnswer: \", \/ symptoms\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"Read the sentence: 'The aim of this report is to provide information concerning participation in the arts in London, England.' This sentence in a report represents:\", options: [\"A recommendation\", \"A conclusion\", \"An introduction\", \"A reporting information\"], correctAnswer: \"An introduction\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"Health conditions in Jordan are among the best in the Middle East. This is largely ________ the country's commitment to making healthcare for all a top priority.\", options: [\"because\", \"although\", \"therefore\", \"because of\"], correctAnswer: \"because of\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"If I were you________ I would employ someone who is keen or someone who is ________.\", options: [\", \/ conscientious\", \"; \/ consceentious\", \". \/ consciantious\", \", \/ consceintious\"], correctAnswer: \", \/ conscientious\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"Because of the large ________ from his aunt________ Zaid was able to buy his own boat.\", options: [\"inharitance \/ ,\", \"inheretance \/ .\", \"inheritance \/ ,\", \"inhiritance \/ .\"], correctAnswer: \"inheritance \/ ,\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"My kids were caught in traffic, ________ they missed the start of the play.\", options: [\"therefore\", \"whereas\", \"because of\", \"despite\"], correctAnswer: \"therefore\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"The earlier you start in the morning________ the more ________ your revision will be.\", options: [\". \/ benaficeal\", \". \/ beneficial\", \", \/ beneficial\", \", \/ bineficial\"], correctAnswer: \", \/ beneficial\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"Read the text: '(I am a dedicated, ambitious worker. I have high expectations of myself and the students I teach.)' The given information in the sentence above represents which heading in a curriculum vitae?\", options: [\"personal attributes\", \"reference\", \"contact details\", \"work experience\"], correctAnswer: \"personal attributes\", userAnswer: null, isCorrect: null },\n { originalIndex: 18, question: \"Read the sentence: 'Despite the undeniable advantages of technology, it has had some negative effects on our society.' The underlined word 'Despite' indicates:\", options: [\"cause\", \"consequence\", \"opposition\", \"result\"], correctAnswer: \"opposition\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"After our science lesson in the ________, we always ________ the teacher to put the apparatus away.\", options: [\"laboratory \/ help\", \"labaratory \/ helped\", \"laboratory \/ helps\", \"laboretory \/ help\"], correctAnswer: \"laboratory \/ help\", userAnswer: null, isCorrect: null },\n { originalIndex: 20, question: \"In my spare time________ I help elderly people________ and I can see the difference that medicines can make to their lives________\", options: [\", \/ , \/ .\", \". \/ , \/ .\", \", \/ , \/ ?\", \", \/ ! \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 21, question: \"I am ________ and adaptable worker and I believe that I can be successful in my position.\", options: [\"compitent\", \"competent\", \"combetent\", \"competant\"], correctAnswer: \"competent\", userAnswer: null, isCorrect: null },\n { originalIndex: 22, question: \"A philosopher is someone who thinks and writes about the meaning of life________\", options: [\"?\", \",\", \".\", \"!\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 23, question: \"The ________ industry for potash and phosphate is one of the largest in the world.\", options: [\"extraktion\", \"ixtraction\", \"extraction\", \"extruction\"], correctAnswer: \"extraction\", userAnswer: null, isCorrect: null },\n { originalIndex: 24, question: \"Last year________ we always played basketball after school________ but I'd rather have played football________\", options: [\", \/ ! \/ .\", \"; \/ , \/ ,\", \", \/ , \/ ?\", \", \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 25, question: \"Jabir ibn Hayyan invented ink that can be read in the dark________\", options: [\".\", \",\", \"?\", \"!\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 26, question: \"Salma made a successful presentation at a ________ in Aqaba last month.\", options: [\"simenar\", \"saminar\", \"seminar\", \"seminer\"], correctAnswer: \"seminar\", userAnswer: null, isCorrect: null },\n { originalIndex: 27, question: \"Plan your presentation carefully________ not just what you will say________ but how you will say it________\", options: [\". \/ , \/ !\", \", \/ , \/ ?\", \", \/ , \/ .\", \"; \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 28, question: \"Al-Kindi is especially famous for his work in geometry________\", options: [\"!\", \",\", \";\", \".\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 29, question: \"My uncle is fluent in several languages. He is often able to ________ for us during conversations with foreigners.\", options: [\"enterpret\", \"interpret\", \"interbret\", \"intarpret\"], correctAnswer: \"interpret\", userAnswer: null, isCorrect: null },\n { originalIndex: 30, question: \"I have just read a ________ of a book by a Japanese author.\", options: [\"trenslation\", \"translasion\", \"transletion\", \"translation\"], correctAnswer: \"translation\", userAnswer: null, isCorrect: null },\n { originalIndex: 31, question: \"In business________ when you meet someone for the first time________ it is polite to shake hands________\", options: [\". \/ , \/ .\", \". \/ . \/ ,\", \", \/ , \/ .\", \"! \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 32, question: \"It's important to have an awareness of different countries' customs________\", options: [\".\", \"!\", \"?\", \",\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 33, question: \"Choose the sentence which has the correct order of the words and phrases: Qasr Bashir \/ It \/ that \/ is thought \/ to protect \/ the \/ was built \/ Roman border\", options: [\"It is thought that Qasr Bashir was built to protect the Roman border\", \"Qasr Bashir was built to protect the Roman border it is thought that\", \"Thought that Qasr Bashir was built to protect the Roman border it is\", \"Was built to protect the Roman border It is thought that Qasr Bahir\"], correctAnswer: \"It is thought that Qasr Bashir was built to protect the Roman border\", userAnswer: null, isCorrect: null },\n { originalIndex: 34, question: \"Which sentence represents an introduction to a review of a hotel?\", options: [\"when it was time to go, I gave my parents a hug\", \"The first sign that something was different was silence\", \"when we had finished, my dad just drove on with a smile on his face\", \"I really stayed at your hotel for a few nights, and it did not entirely live up to expectations\"], correctAnswer: \"I really stayed at your hotel for a few nights, and it did not entirely live up to expectations\", userAnswer: null, isCorrect: null },\n { originalIndex: 35, question: \"Before you find a full-time job________ why don't you consider doing voluntary work________\", options: [\", \/ !\", \", \/ .\", \", \/ ?\", \". \/ ,\"], correctAnswer: \", \/ ?\", userAnswer: null, isCorrect: null },\n { originalIndex: 36, question: \"Which informal sentence contains an abbreviation?\", options: [\"I worked for a small computer company in Amman\", \"Ali did not pass his exams\", \"Salma sends recommendations from previous clients\", \"Last year, we always played basketball after school, but I'd rather have played tennis\"], correctAnswer: \"Last year, we always played basketball after school, but I'd rather have played tennis\", userAnswer: null, isCorrect: null },\n { originalIndex: 37, question: \"Masdar City________ which began its development in 2006 CE________ will be the world's first carbon-neutral________ Zero-waste artificially -created city________\", options: [\", \/ . \/ , \/ .\", \", \/ ; \/ . \/ .\", \", \/ , \/ , \/ .\", \". \/ . \/ . \/ .\"], correctAnswer: \", \/ , \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 38, question: \"Do you think the wheel was the most important ________ Ever________\", options: [\"envention \/ .\", \"invention \/ ?\", \"invantion \/ .\", \"invension \/ ?\"], correctAnswer: \"invention \/ ?\", userAnswer: null, isCorrect: null },\n { originalIndex: 39, question: \"Choose the sentence which has the correct order of the words and phrases: (sources, renewable, energy, run, entirely, will, city, the, on)\", options: [\"renewable energy sources run will entirely on the city\", \"the city will run entirely on renewable energy sources\", \"the energy renewable sources entirely will run on city\", \"the city sources will run on energy entirely city\"], correctAnswer: \"the city will run entirely on renewable energy sources\", userAnswer: null, isCorrect: null },\n { originalIndex: 40, question: \"Which sentence represents a conclusion to a review of a restaurant?\", options: [\"I would very much like to visit Paris again and I enjoyed the view very much\", \"Throughout my stay, I experienced some negative aspects of service such as lack of towels\", \"The service could be improved, but it didn't detract from a fairly stay\", \"I recommend this restaurant to anyone interested in Parisian food\"], correctAnswer: \"I recommend this restaurant to anyone interested in Parisian food\", userAnswer: null, isCorrect: null }\n ];\n\n\n let questions = [...originalSpellingQuestions];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = questions.length;\n\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 startBtn.addEventListener('click', startQuiz);\n\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 loadQuestion(index) {\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n const currentQuestion = questions[index];\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${index + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.innerHTML = currentQuestion.question.replace(\/________\/g, '<span style=\"color: blue; font-weight: bold;\">________<\/span>'); \/\/ Highlight blanks if needed\n optionsContainer.innerHTML = '';\n const shuffledOptions = [...currentQuestion.options];\n shuffleArray(shuffledOptions);\n const alreadyAnswered = currentQuestion.userAnswer !== null;\n shuffledOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option.replace(\/ \\\/ \/g, ' '); \/\/ Clean up display of punctuation options\n button.setAttribute('data-raw-option', option); \/\/ Store the raw option value if needed for checking\n button.classList.add('option-btn');\n button.disabled = alreadyAnswered;\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 updateProgressBar();\n updateNavigationButtons();\n }\n\n function handleAnswer(selectedButton, selectedAnswer) {\n const currentQuestion = questions[currentQuestionIndex];\n if (currentQuestion.userAnswer !== null) return;\n currentQuestion.userAnswer = selectedAnswer;\n const isCorrect = selectedAnswer === currentQuestion.correctAnswer;\n currentQuestion.isCorrect = isCorrect;\n const optionButtons = optionsContainer.querySelectorAll('.option-btn');\n optionButtons.forEach(btn => btn.disabled = true);\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 \/\/ Use the raw option data attribute for comparison\n if (btn.getAttribute('data-raw-option') === currentQuestion.correctAnswer) {\n setTimeout(() => { btn.classList.add('correct'); }, 500);\n }\n });\n }\n }\n\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 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 nextQuestion() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n loadQuestion(currentQuestionIndex);\n } else {\n showResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n loadQuestion(currentQuestionIndex);\n }\n }\n\n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(1);\n scoreEl.textContent = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n reviewContainer.innerHTML = '';\n const sortedQuestionsForReview = [...questions].sort((a, b) => a.originalIndex - b.originalIndex);\n sortedQuestionsForReview.forEach((q) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n const questionP = document.createElement('p');\n questionP.classList.add('review-question');\n questionP.textContent = `${q.originalIndex}. ${q.question}`;\n const userAnswerP = document.createElement('p');\n userAnswerP.classList.add('review-user-answer');\n if (q.userAnswer === null) {\n userAnswerP.textContent = '\u0625\u062c\u0627\u0628\u062a\u0643: \u0644\u0645 \u062a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629';\n userAnswerP.classList.add('incorrect');\n } else {\n \/\/ Clean up display for review\n const userAnswerDisplay = q.userAnswer.replace(\/ \\\/ \/g, ' ');\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${userAnswerDisplay} (${q.isCorrect ? '\u0635\u062d\u064a\u062d\u0629' : '\u062e\u0627\u0637\u0626\u0629'})`;\n userAnswerP.classList.add(q.isCorrect ? 'correct' : 'incorrect');\n }\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!q.isCorrect || q.userAnswer === null) {\n const correctAnswerP = document.createElement('p');\n correctAnswerP.classList.add('review-correct-answer');\n \/\/ Clean up correct answer display for review\n const correctAnswerDisplay = q.correctAnswer.replace(\/ \\\/ \/g, ' ');\n correctAnswerP.textContent = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: ${correctAnswerDisplay}`;\n reviewItem.appendChild(correctAnswerP);\n }\n reviewContainer.appendChild(reviewItem);\n });\n }\n\n function restartQuiz() {\n questions = [...originalSpellingQuestions];\n startQuiz();\n }\n\n \/\/ Initial setup\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621 (Spelling, Punctuation, and Editing) \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 40 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0639\u0634\u0648\u0627\u0626\u064a. \u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646 […]<\/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-4991","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\/4991","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=4991"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4991\/revisions"}],"predecessor-version":[{"id":4992,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4991\/revisions\/4992"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4991"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4991,"date":"2025-05-03T13:14:04","date_gmt":"2025-05-03T13:14:04","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4991"},"modified":"2025-05-03T13:14:17","modified_gmt":"2025-05-03T13:14:17","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%84%d8%a5%d9%85%d9%84%d8%a7%d8%a1-%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=4991","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0644\u0625\u0645\u0644\u0627\u0621 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a 2008 \u0648 \u062a\u0648\u062c\u064a\u0647\u064a 2007"},"content":{"rendered":"\n\n\n\n\n\n\n \n \n \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621<\/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 #start-screen, #results-screen { display: flex; flex-direction: column; align-items: center; }\n #start-screen p { font-size: 1.1em; margin-bottom: 25px; }\n #quiz-screen { display: none; }\n .question-header { margin-bottom: 15px; font-size: 1em; color: var(--secondary-color); }\n #question-text { font-size: 1.3em; font-weight: bold; margin-bottom: 25px; min-height: 50px; text-align: left; direction: ltr;} \/* Align question text left *\/\n .options-container { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }\n @media (min-width: 600px) { .options-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } }\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;} \/* Align option text left *\/\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, #start-btn, #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 #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 #results-screen h2 { 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; text-align: left; direction: ltr;} \/* Align review text left *\/\n .review-question { font-weight: bold; }\n .review-user-answer.correct { color: var(--success-color); }\n .review-user-answer.incorrect { color: var(--danger-color); }\n .review-correct-answer { color: var(--success-color); font-weight: bold; }\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 #restart-btn { margin-top: 20px; background-color: var(--secondary-color); }\n #restart-btn:hover { background-color: #5a6268; }\n @media (max-width: 600px) {\n body { padding: 10px; }\n .quiz-container { padding: 15px; margin-top: 10px; margin-bottom: 10px; }\n h1 { font-size: 1.6em; }\n h2 { font-size: 1.3em; }\n #start-screen p { font-size: 1em; }\n #question-text { font-size: 1.15em; margin-bottom: 20px; }\n .option-btn { font-size: 0.95em; padding: 8px 10px; }\n .nav-btn, #start-btn, #restart-btn { font-size: 0.95em; padding: 8px 15px; }\n #start-btn { font-size: 1.1em; padding: 10px 30px; }\n #score { font-size: 1.4em; }\n .review-container { max-height: 300px; }\n .review-item { font-size: 0.9em; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div id=\"start-screen\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621<\/h1>\n <h2>(Spelling, Punctuation, and Editing)<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 40 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0639\u0634\u0648\u0627\u0626\u064a.<\/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 \/ 40<\/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 const originalSpellingQuestions = [\n { originalIndex: 1, question: \"My grandfather has ________ in his fingers so he sometimes finds it difficult to write.\", options: [\"arthretis\", \"arthritis\", \"arthratis\", \"arthrites\"], correctAnswer: \"arthritis\", userAnswer: null, isCorrect: null },\n { originalIndex: 2, question: \"He seems to be capable of holding a number of apparently ________ attitudes.\", options: [\"cuntradictory\", \"contradictory\", \"cantradictory\", \"contradectory\"], correctAnswer: \"contradictory\", userAnswer: null, isCorrect: null },\n { originalIndex: 3, question: \"Choose the word that means: relating to or happening in one particular country and not involving any other countries.\", options: [\"Demestic\", \"Domestic\", \"Domastic\", \"Domistic\"], correctAnswer: \"Domestic\", userAnswer: null, isCorrect: null },\n { originalIndex: 4, question: \"The Correct punctuated sentence is:\", options: [\"During the meeting. I made sure that my voice and Body language were controlled.\", \"During the meeting, I made sure that my Voice and body language were controlled!\", \"During the meeting, I made sure that my voice and body language were controlled.\", \"During the meeting. I made sure that my voice and body Language were controlled.\"], correctAnswer: \"During the meeting, I made sure that my voice and body language were controlled.\", userAnswer: null, isCorrect: null },\n { originalIndex: 5, question: \"Choose the sentence that has the correct order of the words and phrases: Modern \/ environment \/ helps \/ recycled \/ which \/ the \/ sustainability \/ cities \/ water \/ of \/ the \/ use\", options: [\"Modern recycled cities help water which, use the sustainability of the environment.\", \"Modern cities sustainability, use the recycled water which helps of the environment.\", \"Modern cities, help recycled water which use the sustainability of the environment.\", \"Modern cities use recycled water, which helps the sustainability of the environment.\"], correctAnswer: \"Modern cities use recycled water, which helps the sustainability of the environment.\", userAnswer: null, isCorrect: null },\n { originalIndex: 6, question: \"The correctly edited sentence is:\", options: [\"By working hard, you will earn the respect of your boss.\", \"By working hard. You will iarn the respect of your boss.\", \"By working hard; you will airn the respect of your boss.\", \"By working hard, you will aern the respect of your boss.\"], correctAnswer: \"By working hard, you will earn the respect of your boss.\", userAnswer: null, isCorrect: null },\n { originalIndex: 7, question: \"The thing ________ Ali ibn Nafi' ________ in the world was the musical theory.\", options: [\"that \/ revolotionised\", \"which \/ revolutionised\", \"who \/ rivolutionised\", \"whose \/ ravolutionised\"], correctAnswer: \"which \/ revolutionised\", userAnswer: null, isCorrect: null },\n { originalIndex: 8, question: \"The majority of the Jordanian economy is ________ by services, mostly travel and tourism.\", options: [\"daminated\", \"domenated\", \"dominated\", \"duminated\"], correctAnswer: \"dominated\", userAnswer: null, isCorrect: null },\n { originalIndex: 9, question: \"The sentence that has been written correctly is:\", options: [\"When each side changes their position so that a little they have managed to compromise they can agree.\", \"When each side changes a little so that they can agree their position, they have managed to compromise.\", \"When a little each side changes their position so that they have managed to compromise, they can agree.\", \"When each side changes their position a little so that they can agree, they have managed to compromise.\"], correctAnswer: \"When each side changes their position a little so that they can agree, they have managed to compromise.\", userAnswer: null, isCorrect: null },\n { originalIndex: 10, question: \"Before doctors decide how to treat patients________ they look at the ________.\", options: [\", \/ symptoms\", \". \/ semptoms\", \"! \/ simptoms\", \", \/ symptems\"], correctAnswer: \", \/ symptoms\", userAnswer: null, isCorrect: null },\n { originalIndex: 11, question: \"Read the sentence: 'The aim of this report is to provide information concerning participation in the arts in London, England.' This sentence in a report represents:\", options: [\"A recommendation\", \"A conclusion\", \"An introduction\", \"A reporting information\"], correctAnswer: \"An introduction\", userAnswer: null, isCorrect: null },\n { originalIndex: 12, question: \"Health conditions in Jordan are among the best in the Middle East. This is largely ________ the country's commitment to making healthcare for all a top priority.\", options: [\"because\", \"although\", \"therefore\", \"because of\"], correctAnswer: \"because of\", userAnswer: null, isCorrect: null },\n { originalIndex: 13, question: \"If I were you________ I would employ someone who is keen or someone who is ________.\", options: [\", \/ conscientious\", \"; \/ consceentious\", \". \/ consciantious\", \", \/ consceintious\"], correctAnswer: \", \/ conscientious\", userAnswer: null, isCorrect: null },\n { originalIndex: 14, question: \"Because of the large ________ from his aunt________ Zaid was able to buy his own boat.\", options: [\"inharitance \/ ,\", \"inheretance \/ .\", \"inheritance \/ ,\", \"inhiritance \/ .\"], correctAnswer: \"inheritance \/ ,\", userAnswer: null, isCorrect: null },\n { originalIndex: 15, question: \"My kids were caught in traffic, ________ they missed the start of the play.\", options: [\"therefore\", \"whereas\", \"because of\", \"despite\"], correctAnswer: \"therefore\", userAnswer: null, isCorrect: null },\n { originalIndex: 16, question: \"The earlier you start in the morning________ the more ________ your revision will be.\", options: [\". \/ benaficeal\", \". \/ beneficial\", \", \/ beneficial\", \", \/ bineficial\"], correctAnswer: \", \/ beneficial\", userAnswer: null, isCorrect: null },\n { originalIndex: 17, question: \"Read the text: '(I am a dedicated, ambitious worker. I have high expectations of myself and the students I teach.)' The given information in the sentence above represents which heading in a curriculum vitae?\", options: [\"personal attributes\", \"reference\", \"contact details\", \"work experience\"], correctAnswer: \"personal attributes\", userAnswer: null, isCorrect: null },\n { originalIndex: 18, question: \"Read the sentence: 'Despite the undeniable advantages of technology, it has had some negative effects on our society.' The underlined word 'Despite' indicates:\", options: [\"cause\", \"consequence\", \"opposition\", \"result\"], correctAnswer: \"opposition\", userAnswer: null, isCorrect: null },\n { originalIndex: 19, question: \"After our science lesson in the ________, we always ________ the teacher to put the apparatus away.\", options: [\"laboratory \/ help\", \"labaratory \/ helped\", \"laboratory \/ helps\", \"laboretory \/ help\"], correctAnswer: \"laboratory \/ help\", userAnswer: null, isCorrect: null },\n { originalIndex: 20, question: \"In my spare time________ I help elderly people________ and I can see the difference that medicines can make to their lives________\", options: [\", \/ , \/ .\", \". \/ , \/ .\", \", \/ , \/ ?\", \", \/ ! \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 21, question: \"I am ________ and adaptable worker and I believe that I can be successful in my position.\", options: [\"compitent\", \"competent\", \"combetent\", \"competant\"], correctAnswer: \"competent\", userAnswer: null, isCorrect: null },\n { originalIndex: 22, question: \"A philosopher is someone who thinks and writes about the meaning of life________\", options: [\"?\", \",\", \".\", \"!\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 23, question: \"The ________ industry for potash and phosphate is one of the largest in the world.\", options: [\"extraktion\", \"ixtraction\", \"extraction\", \"extruction\"], correctAnswer: \"extraction\", userAnswer: null, isCorrect: null },\n { originalIndex: 24, question: \"Last year________ we always played basketball after school________ but I'd rather have played football________\", options: [\", \/ ! \/ .\", \"; \/ , \/ ,\", \", \/ , \/ ?\", \", \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 25, question: \"Jabir ibn Hayyan invented ink that can be read in the dark________\", options: [\".\", \",\", \"?\", \"!\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 26, question: \"Salma made a successful presentation at a ________ in Aqaba last month.\", options: [\"simenar\", \"saminar\", \"seminar\", \"seminer\"], correctAnswer: \"seminar\", userAnswer: null, isCorrect: null },\n { originalIndex: 27, question: \"Plan your presentation carefully________ not just what you will say________ but how you will say it________\", options: [\". \/ , \/ !\", \", \/ , \/ ?\", \", \/ , \/ .\", \"; \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 28, question: \"Al-Kindi is especially famous for his work in geometry________\", options: [\"!\", \",\", \";\", \".\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 29, question: \"My uncle is fluent in several languages. He is often able to ________ for us during conversations with foreigners.\", options: [\"enterpret\", \"interpret\", \"interbret\", \"intarpret\"], correctAnswer: \"interpret\", userAnswer: null, isCorrect: null },\n { originalIndex: 30, question: \"I have just read a ________ of a book by a Japanese author.\", options: [\"trenslation\", \"translasion\", \"transletion\", \"translation\"], correctAnswer: \"translation\", userAnswer: null, isCorrect: null },\n { originalIndex: 31, question: \"In business________ when you meet someone for the first time________ it is polite to shake hands________\", options: [\". \/ , \/ .\", \". \/ . \/ ,\", \", \/ , \/ .\", \"! \/ , \/ .\"], correctAnswer: \", \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 32, question: \"It's important to have an awareness of different countries' customs________\", options: [\".\", \"!\", \"?\", \",\"], correctAnswer: \".\", userAnswer: null, isCorrect: null },\n { originalIndex: 33, question: \"Choose the sentence which has the correct order of the words and phrases: Qasr Bashir \/ It \/ that \/ is thought \/ to protect \/ the \/ was built \/ Roman border\", options: [\"It is thought that Qasr Bashir was built to protect the Roman border\", \"Qasr Bashir was built to protect the Roman border it is thought that\", \"Thought that Qasr Bashir was built to protect the Roman border it is\", \"Was built to protect the Roman border It is thought that Qasr Bahir\"], correctAnswer: \"It is thought that Qasr Bashir was built to protect the Roman border\", userAnswer: null, isCorrect: null },\n { originalIndex: 34, question: \"Which sentence represents an introduction to a review of a hotel?\", options: [\"when it was time to go, I gave my parents a hug\", \"The first sign that something was different was silence\", \"when we had finished, my dad just drove on with a smile on his face\", \"I really stayed at your hotel for a few nights, and it did not entirely live up to expectations\"], correctAnswer: \"I really stayed at your hotel for a few nights, and it did not entirely live up to expectations\", userAnswer: null, isCorrect: null },\n { originalIndex: 35, question: \"Before you find a full-time job________ why don't you consider doing voluntary work________\", options: [\", \/ !\", \", \/ .\", \", \/ ?\", \". \/ ,\"], correctAnswer: \", \/ ?\", userAnswer: null, isCorrect: null },\n { originalIndex: 36, question: \"Which informal sentence contains an abbreviation?\", options: [\"I worked for a small computer company in Amman\", \"Ali did not pass his exams\", \"Salma sends recommendations from previous clients\", \"Last year, we always played basketball after school, but I'd rather have played tennis\"], correctAnswer: \"Last year, we always played basketball after school, but I'd rather have played tennis\", userAnswer: null, isCorrect: null },\n { originalIndex: 37, question: \"Masdar City________ which began its development in 2006 CE________ will be the world's first carbon-neutral________ Zero-waste artificially -created city________\", options: [\", \/ . \/ , \/ .\", \", \/ ; \/ . \/ .\", \", \/ , \/ , \/ .\", \". \/ . \/ . \/ .\"], correctAnswer: \", \/ , \/ , \/ .\", userAnswer: null, isCorrect: null },\n { originalIndex: 38, question: \"Do you think the wheel was the most important ________ Ever________\", options: [\"envention \/ .\", \"invention \/ ?\", \"invantion \/ .\", \"invension \/ ?\"], correctAnswer: \"invention \/ ?\", userAnswer: null, isCorrect: null },\n { originalIndex: 39, question: \"Choose the sentence which has the correct order of the words and phrases: (sources, renewable, energy, run, entirely, will, city, the, on)\", options: [\"renewable energy sources run will entirely on the city\", \"the city will run entirely on renewable energy sources\", \"the energy renewable sources entirely will run on city\", \"the city sources will run on energy entirely city\"], correctAnswer: \"the city will run entirely on renewable energy sources\", userAnswer: null, isCorrect: null },\n { originalIndex: 40, question: \"Which sentence represents a conclusion to a review of a restaurant?\", options: [\"I would very much like to visit Paris again and I enjoyed the view very much\", \"Throughout my stay, I experienced some negative aspects of service such as lack of towels\", \"The service could be improved, but it didn't detract from a fairly stay\", \"I recommend this restaurant to anyone interested in Parisian food\"], correctAnswer: \"I recommend this restaurant to anyone interested in Parisian food\", userAnswer: null, isCorrect: null }\n ];\n\n\n let questions = [...originalSpellingQuestions];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = questions.length;\n\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 startBtn.addEventListener('click', startQuiz);\n\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 loadQuestion(index) {\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n const currentQuestion = questions[index];\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${index + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.innerHTML = currentQuestion.question.replace(\/________\/g, '<span style=\"color: blue; font-weight: bold;\">________<\/span>'); \/\/ Highlight blanks if needed\n optionsContainer.innerHTML = '';\n const shuffledOptions = [...currentQuestion.options];\n shuffleArray(shuffledOptions);\n const alreadyAnswered = currentQuestion.userAnswer !== null;\n shuffledOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option.replace(\/ \\\/ \/g, ' '); \/\/ Clean up display of punctuation options\n button.setAttribute('data-raw-option', option); \/\/ Store the raw option value if needed for checking\n button.classList.add('option-btn');\n button.disabled = alreadyAnswered;\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 updateProgressBar();\n updateNavigationButtons();\n }\n\n function handleAnswer(selectedButton, selectedAnswer) {\n const currentQuestion = questions[currentQuestionIndex];\n if (currentQuestion.userAnswer !== null) return;\n currentQuestion.userAnswer = selectedAnswer;\n const isCorrect = selectedAnswer === currentQuestion.correctAnswer;\n currentQuestion.isCorrect = isCorrect;\n const optionButtons = optionsContainer.querySelectorAll('.option-btn');\n optionButtons.forEach(btn => btn.disabled = true);\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 \/\/ Use the raw option data attribute for comparison\n if (btn.getAttribute('data-raw-option') === currentQuestion.correctAnswer) {\n setTimeout(() => { btn.classList.add('correct'); }, 500);\n }\n });\n }\n }\n\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 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 nextQuestion() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n loadQuestion(currentQuestionIndex);\n } else {\n showResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n loadQuestion(currentQuestionIndex);\n }\n }\n\n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(1);\n scoreEl.textContent = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n reviewContainer.innerHTML = '';\n const sortedQuestionsForReview = [...questions].sort((a, b) => a.originalIndex - b.originalIndex);\n sortedQuestionsForReview.forEach((q) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n const questionP = document.createElement('p');\n questionP.classList.add('review-question');\n questionP.textContent = `${q.originalIndex}. ${q.question}`;\n const userAnswerP = document.createElement('p');\n userAnswerP.classList.add('review-user-answer');\n if (q.userAnswer === null) {\n userAnswerP.textContent = '\u0625\u062c\u0627\u0628\u062a\u0643: \u0644\u0645 \u062a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629';\n userAnswerP.classList.add('incorrect');\n } else {\n \/\/ Clean up display for review\n const userAnswerDisplay = q.userAnswer.replace(\/ \\\/ \/g, ' ');\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${userAnswerDisplay} (${q.isCorrect ? '\u0635\u062d\u064a\u062d\u0629' : '\u062e\u0627\u0637\u0626\u0629'})`;\n userAnswerP.classList.add(q.isCorrect ? 'correct' : 'incorrect');\n }\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!q.isCorrect || q.userAnswer === null) {\n const correctAnswerP = document.createElement('p');\n correctAnswerP.classList.add('review-correct-answer');\n \/\/ Clean up correct answer display for review\n const correctAnswerDisplay = q.correctAnswer.replace(\/ \\\/ \/g, ' ');\n correctAnswerP.textContent = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: ${correctAnswerDisplay}`;\n reviewItem.appendChild(correctAnswerP);\n }\n reviewContainer.appendChild(reviewItem);\n });\n }\n\n function restartQuiz() {\n questions = [...originalSpellingQuestions];\n startQuiz();\n }\n\n \/\/ Initial setup\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0625\u0645\u0644\u0627\u0621 (Spelling, Punctuation, and Editing) \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 40 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0628\u062a\u0631\u062a\u064a\u0628 \u0639\u0634\u0648\u0627\u0626\u064a. \u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646 […]<\/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-4991","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\/4991","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=4991"}],"version-history":[{"count":1,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4991\/revisions"}],"predecessor-version":[{"id":4992,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4991\/revisions\/4992"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4991"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}