\u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses<\/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 --selected-bg-color: #fff3cd; \/* New Color *\/\n --selected-border-color: #ffeeba; \/* New Color *\/\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; direction: ltr; text-align: 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; }\n .option-btn:hover:not(:disabled) { background-color: #e2e6ea; border-color: #adb5bd; }\n .option-btn.selected {\n background-color: var(--selected-bg-color);\n border-color: var(--selected-border-color);\n font-weight: bold;\n }\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; direction: ltr; text-align: left;}\n .review-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .review-item p { margin: 4px 0; }\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 #multi-answer-note { font-size: 0.9em; color: var(--secondary-color); margin-top: 15px; min-height: 1.2em; font-style: italic; }\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 Relative and Participle Clauses<\/h1>\n <h2>Grammar Test<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 29 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n\n <div id=\"quiz-screen\" style=\"display: none;\">\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=\"multi-answer-note\"><\/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 \/ 29<\/div>\n <\/div>\n\n <div id=\"results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/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 const englishQuizQuestions = [\n { question: \"Televisions used to have a dial. The dial was used to change the channel.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Televisions used to have a dial where was used to change the channel.\", \"Televisions used to have a dial which was used to change the channel.\", \"Televisions used to have a dial who was used to change the channel.\", \"Televisions used to have a dial when was used to change the channel.\"], correctAnswer: [\"Televisions used to have a dial which was used to change the channel.\"] },\n { question: \"Husam has lost his phone. He is very absent-minded.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Husam, who is very absent-minded, has lost his phone.\", \"Husam, which is very absent-minded, has lost his phone.\", \"Husam, that is very absent-minded, has lost his phone.\", \"Husam, where is very absent-minded, has lost his phone.\"], correctAnswer: [\"Husam, who is very absent-minded, has lost his phone.\"] },\n { question: \"Technology is always changing. I find this exciting.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Technology is always changing, that I find exciting.\", \"Technology, that I find exciting, is always changing.\", \"Technology is always changing, which I find exciting.\", \"Technology, which I find exciting, is always changing.\"], correctAnswer: [\"Technology is always changing, which I find exciting.\"] },\n { question: \"I was talking about an app. It's really cool.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"The app who I was talking about is really cool.\", \"The app that I was talking about is really cool.\", \"The app which I was talking about is really cool.\", \"The app, that I was talking about is really cool.\"], correctAnswer: [\"The app that I was talking about is really cool.\", \"The app which I was talking about is really cool.\"] },\n { question: \"Sami lives round the corner. I play football with him.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Sami, whom I play football with, lives round the corner.\", \"Sami, which I play football with, lives round the corner.\", \"Sami, when I play football with, lives round the corner.\", \"Sami, who I play football with, lives round the corner.\"], correctAnswer: [\"Sami, whom I play football with, lives round the corner.\", \"Sami, who I play football with, lives round the corner.\"] },\n { question: \"These headphones stopped working after two days. I paid a fortune for them.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"These headphones, which I paid a fortune for, stopped working after two days.\", \"These headphones, where I paid a fortune for, stopped working after two days.\", \"These headphones, that I paid a fortune, stopped working after two days.\", \"These headphones, for which I paid a fortune, stopped working after two days.\"], correctAnswer: [\"These headphones, which I paid a fortune for, stopped working after two days.\", \"These headphones, for which I paid a fortune, stopped working after two days.\"] },\n { question: \"I bought my computer at a shop. It has closed down.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"The shop when I bought my computer has closed down.\", \"The shop where I bought my computer has closed down.\", \"The shop from which I bought my computer has closed down.\", \"The shop from who I bought my computer has closed down.\"], correctAnswer: [\"The shop where I bought my computer has closed down.\", \"The shop from which I bought my computer has closed down.\"] },\n { question: \"What's the name of that website that sells retro-tech?<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"What's the name of that website were selling retro-tech?\", \"What's the name of that website was selling retro-tech?\", \"What's the name of that website selling retro-tech?\", \"What's the name of that website have selling retro-tech?\"], correctAnswer: [\"What's the name of that website selling retro-tech?\"] },\n { question: \"The flip phone, which was designed in the 1990s, is rapidly becoming popular again.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"The flip phone, designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, was designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, is designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, designing in the 1990s, is rapidly becoming popular again.\"], correctAnswer: [\"The flip phone, designed in the 1990s, is rapidly becoming popular again.\"] },\n { question: \"There are very few people who are still using analogue televisions.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"There are very few people are still using analogue televisions.\", \"There are very few people were still using analogue televisions.\", \"There are very few people stilling using analogue televisions.\", \"There are very few people still using analogue televisions.\"], correctAnswer: [\"There are very few people still using analogue televisions.\"] },\n { question: \"Users who are used to the old system may find the new one confusing.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"Users were used to the old system may find the new one confusing.\", \"Users used to the old system may find the new one confusing.\", \"Users are used to the old system may find the new one confusing.\", \"Users have used to the old system may find the new one confusing.\"], correctAnswer: [\"Users used to the old system may find the new one confusing.\"] },\n { question: \"People who want to make an appointment should do so online.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"People want to make an appointment should do so online.\", \"People wanting to make an appointment should do so online.\", \"People are wanting to make an appointment should do so online.\", \"People are want to make an appointment should do so online.\"], correctAnswer: [\"People wanting to make an appointment should do so online.\"] },\n { question: \"Did you see that car which was parked next to ours?<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"Did you see that car parked next to ours?\", \"Did you see that car was parked next to ours?\", \"Did you see that car parking next to ours?\", \"Did you see that car was parking next to ours?\"], correctAnswer: [\"Did you see that car parked next to ours?\"] },\n { question: \"Bluetooth, which sounds like a dental problem, is actually a kind of wireless connection.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"The headset which came with my phone is really uncomfortable to wear.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Ergonomic keyboards, which often look rather strange, make typing more comfortable.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"This record player, which can play records at different speeds, was made in Italy.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"This is the Walkman which my mum used to play her music on when she was a teenager.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"The house which we just walked past belongs to my grandfather.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"My grandfather's house, which I love, isn't very modern.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"phones are something that you can keep in your pocket.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"I had to go into the hall, where the phone was kept, and everyone could hear every word I said.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"My best friend, who I was usually talking to, used to get fed up with me whispering all the time!\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"you had to have a wire that connected your computer with the telephone line.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Oliver is adopted by Mr Brownlow, which shows what a kind man he is.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Technology, which I find exciting, is always changing.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Husam, who is very absent-minded, has lost his phone.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Televisions used to have a dial which was used to change the channel.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Technology is always changing, which I find exciting.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] }\n ];\n\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 let questions = [];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = englishQuizQuestions.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 multiAnswerNoteEl = document.getElementById('multi-answer-note');\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 questions = JSON.parse(JSON.stringify(englishQuizQuestions));\n questions.forEach(q => {\n q.userAnswerSubmitted = false;\n q.userSelections = [];\n q.isCorrect = null;\n shuffleArray(q.options);\n });\n shuffleArray(questions);\n\n startScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n quizScreen.style.display = 'block';\n currentQuestionIndex = 0;\n score = 0;\n displayQuestion();\n }\n\n function displayQuestion() {\n const question = questions[currentQuestionIndex];\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${currentQuestionIndex + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.innerHTML = question.question;\n\n optionsContainer.innerHTML = '';\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n multiAnswerNoteEl.textContent = '';\n\n if (question.correctAnswer.length > 1) {\n multiAnswerNoteEl.textContent = \"\u0645\u0644\u0627\u062d\u0638\u0629: \u0647\u0630\u0627 \u0627\u0644\u0633\u0624\u0627\u0644 \u064a\u062a\u0637\u0644\u0628 \u0627\u062e\u062a\u064a\u0627\u0631 \u0625\u062c\u0627\u0628\u062a\u064a\u0646. \u0633\u064a\u062a\u0645 \u062a\u0641\u0639\u064a\u0644 \u0632\u0631 '\u0627\u0644\u062a\u0627\u0644\u064a' \u0628\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0625\u062c\u0627\u0628\u062a\u064a\u0646.\";\n }\n\n const currentOptions = question.options;\n currentOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option;\n button.className = 'option-btn';\n button.onclick = () => selectAnswer(option, button);\n if (question.userSelections.includes(option)) {\n button.classList.add('selected');\n }\n optionsContainer.appendChild(button);\n });\n \n if (question.userAnswerSubmitted) {\n highlightPreviousAnswer();\n }\n\n updateNavigation();\n updateProgressBar();\n }\n \n function selectAnswer(selectedOption, btn) {\n const question = questions[currentQuestionIndex];\n if (question.userAnswerSubmitted) return;\n\n if (question.correctAnswer.length > 1) {\n \/\/ Multi-answer logic: toggle selection\n btn.classList.toggle('selected');\n const index = question.userSelections.indexOf(selectedOption);\n if (index > -1) {\n question.userSelections.splice(index, 1);\n } else {\n question.userSelections.push(selectedOption);\n }\n \n \/\/ Lock\/unlock other options if two are selected\n const otherButtons = Array.from(optionsContainer.children);\n if (question.userSelections.length === 2) {\n otherButtons.forEach(button => {\n if (!button.classList.contains('selected')) {\n button.disabled = true;\n }\n });\n } else {\n otherButtons.forEach(button => {\n button.disabled = false;\n });\n }\n\n } else {\n \/\/ Single-answer logic: evaluate immediately\n question.userSelections = [selectedOption];\n evaluateAndShowFeedback();\n }\n updateNavigation();\n }\n \n function evaluateAndShowFeedback() {\n const question = questions[currentQuestionIndex];\n if (question.userAnswerSubmitted) return; \n\n question.userAnswerSubmitted = true;\n let isCorrect = false;\n\n if (question.correctAnswer.length > 1) {\n const userSelectionSorted = [...question.userSelections].sort();\n const correctAnswerSorted = [...question.correctAnswer].sort();\n isCorrect = JSON.stringify(userSelectionSorted) === JSON.stringify(correctAnswerSorted);\n } else {\n isCorrect = question.correctAnswer.includes(question.userSelections[0]);\n }\n\n question.isCorrect = isCorrect;\n if (isCorrect) score++;\n\n if (question.isCorrect) {\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n feedbackEl.className = 'correct';\n } else {\n feedbackEl.textContent = `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer.join(' \u0648 ')}`;\n feedbackEl.className = 'incorrect';\n }\n \n Array.from(optionsContainer.children).forEach(button => {\n button.disabled = true;\n if (question.correctAnswer.includes(button.textContent)) {\n button.classList.add('correct');\n } else if (question.userSelections.includes(button.textContent)) {\n button.classList.add('incorrect');\n }\n });\n updateNavigation();\n nextBtn.focus();\n }\n \n function highlightPreviousAnswer() {\n const question = questions[currentQuestionIndex];\n if (!question.userAnswerSubmitted) return;\n \n feedbackEl.className = question.isCorrect ? 'correct' : 'incorrect';\n 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\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer.join(' \u0648 ')}`;\n\n Array.from(optionsContainer.children).forEach(button => {\n button.disabled = true;\n if (question.correctAnswer.includes(button.textContent)) {\n button.classList.add('correct');\n } else if (question.userSelections.includes(button.textContent)) {\n button.classList.add('incorrect');\n }\n });\n }\n \n function updateNavigation() {\n const question = questions[currentQuestionIndex];\n prevBtn.disabled = currentQuestionIndex === 0;\n\n if (currentQuestionIndex === totalQuestions - 1) {\n nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631';\n } else {\n nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n\n if (question.userAnswerSubmitted) {\n nextBtn.disabled = false;\n } else if (question.correctAnswer.length > 1) {\n nextBtn.disabled = question.userSelections.length !== 2;\n } else {\n nextBtn.disabled = question.userSelections.length < 1;\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 nextQuestion() {\n const question = questions[currentQuestionIndex];\n if (!question.userAnswerSubmitted) {\n evaluateAndShowFeedback();\n setTimeout(moveToNext, 1500);\n } else {\n moveToNext();\n }\n }\n\n function moveToNext() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n displayQuestion();\n } else {\n showResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n displayQuestion();\n }\n }\n \n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n \n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(2);\n scoreEl.innerHTML = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n \n reviewContainer.innerHTML = '';\n questions.forEach((question, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n\n const questionP = document.createElement('p');\n questionP.className = 'review-question';\n questionP.innerHTML = `${index + 1}. ${question.question}`;\n \n const userAnswerP = document.createElement('p');\n userAnswerP.className = 'review-user-answer';\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${question.userSelections.join(', ') || '\u0644\u0645 \u062a\u062c\u0628'}`;\n userAnswerP.classList.add(question.isCorrect ? 'correct' : 'incorrect');\n\n const correctAnswerP = document.createElement('p');\n correctAnswerP.className = 'review-correct-answer';\n correctAnswerP.innerHTML = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: <span>${question.correctAnswer.join(' \u0623\u0648 ')}<\/span>`;\n\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!question.isCorrect) {\n reviewItem.appendChild(correctAnswerP);\n }\n reviewContainer.appendChild(reviewItem);\n });\n }\n \n function restartQuiz() {\n resultsScreen.style.display = 'none';\n startScreen.style.display = 'flex';\n }\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses \u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses Grammar Test \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 29 \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-4944","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\/4944","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=4944"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4944\/revisions"}],"predecessor-version":[{"id":5038,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4944\/revisions\/5038"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4944"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4944,"date":"2025-04-14T15:01:36","date_gmt":"2025-04-14T15:01:36","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4944"},"modified":"2025-09-27T11:29:24","modified_gmt":"2025-09-27T11:29:24","slug":"%d8%a7%d9%85%d8%aa%d8%ad%d8%a7%d9%86-%d9%85%d8%ad%d9%88%d8%b3%d8%a8-%d9%84%d9%82%d8%a7%d8%b9%d8%af%d8%a9-%d8%a7%d9%84%d8%ac%d9%85%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b5%d9%88%d9%84%d8%a9-%d8%a7%d9%84","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4944","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u062d\u0648\u0633\u0628 \u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u062c\u0645\u0644 \u0627\u0644\u0645\u0648\u0635\u0648\u0644\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2009"},"content":{"rendered":"\n\n\n\n\n\n\n \n \n \u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses<\/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 --selected-bg-color: #fff3cd; \/* New Color *\/\n --selected-border-color: #ffeeba; \/* New Color *\/\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; direction: ltr; text-align: 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; }\n .option-btn:hover:not(:disabled) { background-color: #e2e6ea; border-color: #adb5bd; }\n .option-btn.selected {\n background-color: var(--selected-bg-color);\n border-color: var(--selected-border-color);\n font-weight: bold;\n }\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; direction: ltr; text-align: left;}\n .review-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .review-item p { margin: 4px 0; }\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 #multi-answer-note { font-size: 0.9em; color: var(--secondary-color); margin-top: 15px; min-height: 1.2em; font-style: italic; }\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 Relative and Participle Clauses<\/h1>\n <h2>Grammar Test<\/h2>\n <p>\u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 29 \u0633\u0624\u0627\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.<\/p>\n <button id=\"start-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n\n <div id=\"quiz-screen\" style=\"display: none;\">\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=\"multi-answer-note\"><\/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 \/ 29<\/div>\n <\/div>\n\n <div id=\"results-screen\" style=\"display: none;\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/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 const englishQuizQuestions = [\n { question: \"Televisions used to have a dial. The dial was used to change the channel.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Televisions used to have a dial where was used to change the channel.\", \"Televisions used to have a dial which was used to change the channel.\", \"Televisions used to have a dial who was used to change the channel.\", \"Televisions used to have a dial when was used to change the channel.\"], correctAnswer: [\"Televisions used to have a dial which was used to change the channel.\"] },\n { question: \"Husam has lost his phone. He is very absent-minded.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Husam, who is very absent-minded, has lost his phone.\", \"Husam, which is very absent-minded, has lost his phone.\", \"Husam, that is very absent-minded, has lost his phone.\", \"Husam, where is very absent-minded, has lost his phone.\"], correctAnswer: [\"Husam, who is very absent-minded, has lost his phone.\"] },\n { question: \"Technology is always changing. I find this exciting.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Technology is always changing, that I find exciting.\", \"Technology, that I find exciting, is always changing.\", \"Technology is always changing, which I find exciting.\", \"Technology, which I find exciting, is always changing.\"], correctAnswer: [\"Technology is always changing, which I find exciting.\"] },\n { question: \"I was talking about an app. It's really cool.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"The app who I was talking about is really cool.\", \"The app that I was talking about is really cool.\", \"The app which I was talking about is really cool.\", \"The app, that I was talking about is really cool.\"], correctAnswer: [\"The app that I was talking about is really cool.\", \"The app which I was talking about is really cool.\"] },\n { question: \"Sami lives round the corner. I play football with him.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"Sami, whom I play football with, lives round the corner.\", \"Sami, which I play football with, lives round the corner.\", \"Sami, when I play football with, lives round the corner.\", \"Sami, who I play football with, lives round the corner.\"], correctAnswer: [\"Sami, whom I play football with, lives round the corner.\", \"Sami, who I play football with, lives round the corner.\"] },\n { question: \"These headphones stopped working after two days. I paid a fortune for them.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"These headphones, which I paid a fortune for, stopped working after two days.\", \"These headphones, where I paid a fortune for, stopped working after two days.\", \"These headphones, that I paid a fortune, stopped working after two days.\", \"These headphones, for which I paid a fortune, stopped working after two days.\"], correctAnswer: [\"These headphones, which I paid a fortune for, stopped working after two days.\", \"These headphones, for which I paid a fortune, stopped working after two days.\"] },\n { question: \"I bought my computer at a shop. It has closed down.<br><span style='color: red;'>The sentence that has the correct relative clause of the one above is:<\/span>\", options: [\"The shop when I bought my computer has closed down.\", \"The shop where I bought my computer has closed down.\", \"The shop from which I bought my computer has closed down.\", \"The shop from who I bought my computer has closed down.\"], correctAnswer: [\"The shop where I bought my computer has closed down.\", \"The shop from which I bought my computer has closed down.\"] },\n { question: \"What's the name of that website that sells retro-tech?<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"What's the name of that website were selling retro-tech?\", \"What's the name of that website was selling retro-tech?\", \"What's the name of that website selling retro-tech?\", \"What's the name of that website have selling retro-tech?\"], correctAnswer: [\"What's the name of that website selling retro-tech?\"] },\n { question: \"The flip phone, which was designed in the 1990s, is rapidly becoming popular again.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"The flip phone, designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, was designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, is designed in the 1990s, is rapidly becoming popular again.\", \"The flip phone, designing in the 1990s, is rapidly becoming popular again.\"], correctAnswer: [\"The flip phone, designed in the 1990s, is rapidly becoming popular again.\"] },\n { question: \"There are very few people who are still using analogue televisions.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"There are very few people are still using analogue televisions.\", \"There are very few people were still using analogue televisions.\", \"There are very few people stilling using analogue televisions.\", \"There are very few people still using analogue televisions.\"], correctAnswer: [\"There are very few people still using analogue televisions.\"] },\n { question: \"Users who are used to the old system may find the new one confusing.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"Users were used to the old system may find the new one confusing.\", \"Users used to the old system may find the new one confusing.\", \"Users are used to the old system may find the new one confusing.\", \"Users have used to the old system may find the new one confusing.\"], correctAnswer: [\"Users used to the old system may find the new one confusing.\"] },\n { question: \"People who want to make an appointment should do so online.<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"People want to make an appointment should do so online.\", \"People wanting to make an appointment should do so online.\", \"People are wanting to make an appointment should do so online.\", \"People are want to make an appointment should do so online.\"], correctAnswer: [\"People wanting to make an appointment should do so online.\"] },\n { question: \"Did you see that car which was parked next to ours?<br><span style='color: red;'>The sentence that has the correct participle clause of the one above is:<\/span>\", options: [\"Did you see that car parked next to ours?\", \"Did you see that car was parked next to ours?\", \"Did you see that car parking next to ours?\", \"Did you see that car was parking next to ours?\"], correctAnswer: [\"Did you see that car parked next to ours?\"] },\n { question: \"Bluetooth, which sounds like a dental problem, is actually a kind of wireless connection.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"The headset which came with my phone is really uncomfortable to wear.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Ergonomic keyboards, which often look rather strange, make typing more comfortable.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"This record player, which can play records at different speeds, was made in Italy.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"This is the Walkman which my mum used to play her music on when she was a teenager.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"The house which we just walked past belongs to my grandfather.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"My grandfather's house, which I love, isn't very modern.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"phones are something that you can keep in your pocket.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"I had to go into the hall, where the phone was kept, and everyone could hear every word I said.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"My best friend, who I was usually talking to, used to get fed up with me whispering all the time!\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"you had to have a wire that connected your computer with the telephone line.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Oliver is adopted by Mr Brownlow, which shows what a kind man he is.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Technology, which I find exciting, is always changing.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Husam, who is very absent-minded, has lost his phone.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] },\n { question: \"Televisions used to have a dial which was used to change the channel.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Defining\"] },\n { question: \"Technology is always changing, which I find exciting.\", options: [\"Defining\", \"Non-defining\"], correctAnswer: [\"Non-defining\"] }\n ];\n\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 let questions = [];\n let currentQuestionIndex = 0;\n let score = 0;\n const totalQuestions = englishQuizQuestions.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 multiAnswerNoteEl = document.getElementById('multi-answer-note');\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 questions = JSON.parse(JSON.stringify(englishQuizQuestions));\n questions.forEach(q => {\n q.userAnswerSubmitted = false;\n q.userSelections = [];\n q.isCorrect = null;\n shuffleArray(q.options);\n });\n shuffleArray(questions);\n\n startScreen.style.display = 'none';\n resultsScreen.style.display = 'none';\n quizScreen.style.display = 'block';\n currentQuestionIndex = 0;\n score = 0;\n displayQuestion();\n }\n\n function displayQuestion() {\n const question = questions[currentQuestionIndex];\n questionNumberEl.textContent = `\u0627\u0644\u0633\u0624\u0627\u0644 ${currentQuestionIndex + 1} \u0645\u0646 ${totalQuestions}`;\n questionTextEl.innerHTML = question.question;\n\n optionsContainer.innerHTML = '';\n feedbackEl.textContent = '';\n feedbackEl.className = '';\n multiAnswerNoteEl.textContent = '';\n\n if (question.correctAnswer.length > 1) {\n multiAnswerNoteEl.textContent = \"\u0645\u0644\u0627\u062d\u0638\u0629: \u0647\u0630\u0627 \u0627\u0644\u0633\u0624\u0627\u0644 \u064a\u062a\u0637\u0644\u0628 \u0627\u062e\u062a\u064a\u0627\u0631 \u0625\u062c\u0627\u0628\u062a\u064a\u0646. \u0633\u064a\u062a\u0645 \u062a\u0641\u0639\u064a\u0644 \u0632\u0631 '\u0627\u0644\u062a\u0627\u0644\u064a' \u0628\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0625\u062c\u0627\u0628\u062a\u064a\u0646.\";\n }\n\n const currentOptions = question.options;\n currentOptions.forEach(option => {\n const button = document.createElement('button');\n button.textContent = option;\n button.className = 'option-btn';\n button.onclick = () => selectAnswer(option, button);\n if (question.userSelections.includes(option)) {\n button.classList.add('selected');\n }\n optionsContainer.appendChild(button);\n });\n \n if (question.userAnswerSubmitted) {\n highlightPreviousAnswer();\n }\n\n updateNavigation();\n updateProgressBar();\n }\n \n function selectAnswer(selectedOption, btn) {\n const question = questions[currentQuestionIndex];\n if (question.userAnswerSubmitted) return;\n\n if (question.correctAnswer.length > 1) {\n \/\/ Multi-answer logic: toggle selection\n btn.classList.toggle('selected');\n const index = question.userSelections.indexOf(selectedOption);\n if (index > -1) {\n question.userSelections.splice(index, 1);\n } else {\n question.userSelections.push(selectedOption);\n }\n \n \/\/ Lock\/unlock other options if two are selected\n const otherButtons = Array.from(optionsContainer.children);\n if (question.userSelections.length === 2) {\n otherButtons.forEach(button => {\n if (!button.classList.contains('selected')) {\n button.disabled = true;\n }\n });\n } else {\n otherButtons.forEach(button => {\n button.disabled = false;\n });\n }\n\n } else {\n \/\/ Single-answer logic: evaluate immediately\n question.userSelections = [selectedOption];\n evaluateAndShowFeedback();\n }\n updateNavigation();\n }\n \n function evaluateAndShowFeedback() {\n const question = questions[currentQuestionIndex];\n if (question.userAnswerSubmitted) return; \n\n question.userAnswerSubmitted = true;\n let isCorrect = false;\n\n if (question.correctAnswer.length > 1) {\n const userSelectionSorted = [...question.userSelections].sort();\n const correctAnswerSorted = [...question.correctAnswer].sort();\n isCorrect = JSON.stringify(userSelectionSorted) === JSON.stringify(correctAnswerSorted);\n } else {\n isCorrect = question.correctAnswer.includes(question.userSelections[0]);\n }\n\n question.isCorrect = isCorrect;\n if (isCorrect) score++;\n\n if (question.isCorrect) {\n feedbackEl.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629!';\n feedbackEl.className = 'correct';\n } else {\n feedbackEl.textContent = `\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer.join(' \u0648 ')}`;\n feedbackEl.className = 'incorrect';\n }\n \n Array.from(optionsContainer.children).forEach(button => {\n button.disabled = true;\n if (question.correctAnswer.includes(button.textContent)) {\n button.classList.add('correct');\n } else if (question.userSelections.includes(button.textContent)) {\n button.classList.add('incorrect');\n }\n });\n updateNavigation();\n nextBtn.focus();\n }\n \n function highlightPreviousAnswer() {\n const question = questions[currentQuestionIndex];\n if (!question.userAnswerSubmitted) return;\n \n feedbackEl.className = question.isCorrect ? 'correct' : 'incorrect';\n 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\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0647\u064a: ${question.correctAnswer.join(' \u0648 ')}`;\n\n Array.from(optionsContainer.children).forEach(button => {\n button.disabled = true;\n if (question.correctAnswer.includes(button.textContent)) {\n button.classList.add('correct');\n } else if (question.userSelections.includes(button.textContent)) {\n button.classList.add('incorrect');\n }\n });\n }\n \n function updateNavigation() {\n const question = questions[currentQuestionIndex];\n prevBtn.disabled = currentQuestionIndex === 0;\n\n if (currentQuestionIndex === totalQuestions - 1) {\n nextBtn.textContent = '\u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631';\n } else {\n nextBtn.textContent = '\u0627\u0644\u062a\u0627\u0644\u064a';\n }\n\n if (question.userAnswerSubmitted) {\n nextBtn.disabled = false;\n } else if (question.correctAnswer.length > 1) {\n nextBtn.disabled = question.userSelections.length !== 2;\n } else {\n nextBtn.disabled = question.userSelections.length < 1;\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 nextQuestion() {\n const question = questions[currentQuestionIndex];\n if (!question.userAnswerSubmitted) {\n evaluateAndShowFeedback();\n setTimeout(moveToNext, 1500);\n } else {\n moveToNext();\n }\n }\n\n function moveToNext() {\n if (currentQuestionIndex < totalQuestions - 1) {\n currentQuestionIndex++;\n displayQuestion();\n } else {\n showResults();\n }\n }\n\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n displayQuestion();\n }\n }\n \n function showResults() {\n quizScreen.style.display = 'none';\n resultsScreen.style.display = 'block';\n \n const scorePercentage = ((score \/ totalQuestions) * 100).toFixed(2);\n scoreEl.innerHTML = `\u0646\u062a\u064a\u062c\u062a\u0643: ${score} \u0645\u0646 ${totalQuestions} (${scorePercentage}%)`;\n \n reviewContainer.innerHTML = '';\n questions.forEach((question, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.classList.add('review-item');\n\n const questionP = document.createElement('p');\n questionP.className = 'review-question';\n questionP.innerHTML = `${index + 1}. ${question.question}`;\n \n const userAnswerP = document.createElement('p');\n userAnswerP.className = 'review-user-answer';\n userAnswerP.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${question.userSelections.join(', ') || '\u0644\u0645 \u062a\u062c\u0628'}`;\n userAnswerP.classList.add(question.isCorrect ? 'correct' : 'incorrect');\n\n const correctAnswerP = document.createElement('p');\n correctAnswerP.className = 'review-correct-answer';\n correctAnswerP.innerHTML = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: <span>${question.correctAnswer.join(' \u0623\u0648 ')}<\/span>`;\n\n reviewItem.appendChild(questionP);\n reviewItem.appendChild(userAnswerP);\n if (!question.isCorrect) {\n reviewItem.appendChild(correctAnswerP);\n }\n reviewContainer.appendChild(reviewItem);\n });\n }\n \n function restartQuiz() {\n resultsScreen.style.display = 'none';\n startScreen.style.display = 'flex';\n }\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses \u0627\u062e\u062a\u0628\u0627\u0631 Relative and Participle Clauses Grammar Test \u0647\u0630\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 29 \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-4944","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\/4944","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=4944"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4944\/revisions"}],"predecessor-version":[{"id":5038,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4944\/revisions\/5038"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4944"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}