\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f5f5f5;\n margin: 0;\n padding: 20px;\n color: #333;\n text-align: right;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h1 {\n color: #FF9800;\n text-align: center;\n }\n .start-screen {\n text-align: center;\n padding: 50px 0;\n }\n .start-btn {\n padding: 15px 30px;\n background-color: #FF9800;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 18px;\n margin-top: 20px;\n }\n .start-btn:hover {\n background-color: #F57C00;\n }\n .question-container {\n margin-bottom: 20px;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 8px;\n display: none;\n }\n .question {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 18px;\n direction: ltr;\n text-align: left;\n }\n .options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .option {\n padding: 10px;\n background-color: #f0f0f0;\n border-radius: 5px;\n cursor: pointer;\n transition: all 0.3s;\n border: 2px solid transparent;\n direction: ltr;\n text-align: left;\n }\n .option:hover {\n background-color: #e0e0e0;\n }\n .selected {\n border: 2px solid #FF9800;\n }\n .correct {\n background-color: #4CAF50 !important;\n color: white !important;\n border-color: #4CAF50 !important;\n }\n .incorrect {\n background-color: #f44336 !important;\n color: white !important;\n border-color: #f44336 !important;\n animation: shake 0.5s;\n }\n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n .controls {\n display: flex;\n justify-content: space-between;\n margin-top: 20px;\n display: none;\n }\n button {\n padding: 10px 20px;\n background-color: #FF9800;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n }\n button:hover {\n background-color: #F57C00;\n }\n .results {\n display: none;\n text-align: center;\n padding: 20px;\n }\n .progress {\n margin-top: 20px;\n height: 10px;\n background-color: #e0e0e0;\n border-radius: 5px;\n overflow: hidden;\n display: none;\n }\n .progress-bar {\n height: 100%;\n background-color: #FF9800;\n width: 0%;\n transition: width 0.3s;\n }\n .review-container {\n margin-top: 30px;\n text-align: right;\n }\n .review-item {\n margin-bottom: 20px;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 8px;\n border-right: 5px solid #FF9800;\n }\n .review-question {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 16px;\n direction: ltr;\n text-align: left;\n }\n .user-answer {\n color: #f44336;\n font-weight: bold;\n }\n .correct-answer {\n color: #4CAF50;\n font-weight: bold;\n }\n .answer-status {\n margin-top: 5px;\n font-style: italic;\n }\n .correct-status {\n color: #4CAF50;\n }\n .incorrect-status {\n color: #f44336;\n }\n .not-answered {\n color: #FF9800;\n }\n u {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/h1>\n \n <div class=\"start-screen\" id=\"startScreen\">\n <h2>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <p>\u0633\u064a\u062a\u0645 \u0627\u062e\u062a\u0628\u0627\u0631\u0643 \u0641\u064a \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/p>\n <button class=\"start-btn\" id=\"startBtn\">\u0628\u062f\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n \n <div class=\"progress\" id=\"progressBarContainer\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n \n <div id=\"quizContainer\">\n <div class=\"question-container\" id=\"questionContainer\">\n <div class=\"question\" id=\"questionText\"><\/div>\n <div class=\"options\" id=\"optionsContainer\"><\/div>\n <\/div>\n <div class=\"controls\" id=\"controlsContainer\">\n <button id=\"prevBtn\" disabled>\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"nextBtn\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <button id=\"submitBtn\" style=\"display: none;\">\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/button>\n <\/div>\n <\/div>\n \n <div class=\"results\" id=\"resultsContainer\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <p id=\"scoreText\"><\/p>\n <p id=\"percentageText\"><\/p>\n <p id=\"attemptsText\"><\/p>\n <p id=\"averageText\"><\/p>\n \n <div class=\"review-container\" id=\"reviewContainer\">\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <\/div>\n \n <button id=\"retryBtn\" onclick=\"window.location.reload()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u062a\u062d\u062a \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0641\u064a Ex1\n const originalQuestions = [\n \/\/ Ex1 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 1-6\n {\n text: \"When he <u>gave the final line<\/u> of the joke, nobody laughed.\",\n options: [\"cracked\", \"catch up on the latest episode\", \"be on the edge of your seat\", \"deliver the punchline\"],\n correct: \"deliver the punchline\"\n },\n {\n text: \"You <u>can't miss<\/u> this film.\",\n options: [\"be a must watch\", \"be on the edge of your seat\", \"do a stand-up routine\"],\n correct: \"be a must watch\"\n },\n {\n text: \"I would never have the confidence to <u>go up on a stage and tell jokes<\/u>.\",\n options: [\"be a must watch\", \"deliver the punchline\", \"do a stand-up routine\"],\n correct: \"do a stand-up routine\"\n },\n {\n text: \"I was <u>in suspense<\/u> right through the film.\",\n options: [\"be a must watch\", \"deliver the punchline\", \"be on the edge of your seat\"],\n correct: \"be on the edge of your seat\"\n },\n {\n text: \"We <u>missed<\/u> our favourite TV show yesterday, so we'll watch the latest one tonight instead.\",\n options: [\"deliver the punchline\", \"catch up on the latest episode\", \"be a must watch\"],\n correct: \"catch up on the latest episode\"\n },\n {\n text: \"My uncle <u>told a few jokes<\/u> and got everyone laughing.\",\n options: [\"be a must watch\", \"be on the edge of your seat\", \"cracked\", \"do a stand-up routine\"],\n correct: \"cracked\"\n },\n \n \/\/ Ex2 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 7-13\n {\n text: \"My friend is always cracking ______ jokes that aren't at all funny.\",\n options: [\"exceptional\", \"cheesy\", \"lively\", \"convincing\"],\n correct: \"cheesy\"\n },\n {\n text: \"Her acting was totally ______; I couldn't believe in her as a character at all.\",\n options: [\"unconvincing\", \"lively\", \"exceptional\", \"comical\"],\n correct: \"unconvincing\"\n },\n {\n text: \"It was the worst thing I've ever seen \u2013 really ______.\",\n options: [\"exceptional\", \"lively\", \"appalling\", \"unconvincing\"],\n correct: \"appalling\"\n },\n {\n text: \"Her performance was ______ \u2013 far better than anyone else in the cast.\",\n options: [\"exceptional\", \"unconvincing\", \"cheesy\", \"comical\"],\n correct: \"exceptional\"\n },\n {\n text: \"He told a really ______ joke. It was rude about people, and nobody liked it.\",\n options: [\"appalling\", \"unconvincing\", \"offensive\", \"exceptional\"],\n correct: \"offensive\"\n },\n {\n text: \"The costume made him look really ______ \u2013 I couldn't stop laughing!\",\n options: [\"comical\", \"exceptional\", \"lively\", \"cheesy\"],\n correct: \"comical\"\n },\n {\n text: \"It was a ______ show full of laughs and excitement and kept our interest throughout.\",\n options: [\"offensive\", \"unconvincing\", \"cheesy\", \"lively\"],\n correct: \"lively\"\n },\n \n \/\/ Ex3 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 14-18\n {\n text: \"The jokes were so ______ it was embarrassing.\",\n options: [\"Comical\", \"Cheesy\", \"Lively\", \"Unconvincing\"],\n correct: \"Comical\"\n },\n {\n text: \"It was an awful film; the acting was poor, the special effects terrible, and the dialogue was ______.\",\n options: [\"Lively\", \"Comical\", \"Unconvincing\", \"Exceptional\"],\n correct: \"Unconvincing\"\n },\n {\n text: \"This ______ performance by my favourite actor is sure to win her plenty of awards.\",\n options: [\"Appalling\", \"Offensive\", \"Lively\", \"Cheesy\"],\n correct: \"Lively\"\n },\n {\n text: \"I dislike this programme because I find the humour ______.\",\n options: [\"Comical\", \"Lively\", \"Offensive\", \"Historic\"],\n correct: \"Offensive\"\n },\n {\n text: \"This is the best version of the story ever to hit the stage; truly ______ in every way.\",\n options: [\"Exceptional\", \"Comical\", \"Cheesy\", \"Worthless\"],\n correct: \"Exceptional\"\n }\n ];\n\n \/\/ \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\n let currentQuestionIndex = 0;\n let score = 0;\n let userAnswers = Array(originalQuestions.length).fill(null);\n let shuffledQuestions = [...originalQuestions];\n let attempts = 0;\n\n \/\/ \u0639\u0646\u0627\u0635\u0631 DOM\n const startScreen = document.getElementById('startScreen');\n const startBtn = document.getElementById('startBtn');\n const progressBarContainer = document.getElementById('progressBarContainer');\n const questionText = document.getElementById('questionText');\n const optionsContainer = document.getElementById('optionsContainer');\n const controlsContainer = document.getElementById('controlsContainer');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const submitBtn = document.getElementById('submitBtn');\n const quizContainer = document.getElementById('quizContainer');\n const questionContainer = document.getElementById('questionContainer');\n const resultsContainer = document.getElementById('resultsContainer');\n const scoreText = document.getElementById('scoreText');\n const percentageText = document.getElementById('percentageText');\n const attemptsText = document.getElementById('attemptsText');\n const averageText = document.getElementById('averageText');\n const progressBar = document.getElementById('progressBar');\n const reviewContainer = document.getElementById('reviewContainer');\n\n \/\/ \u0628\u062f\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n startBtn.addEventListener('click', () => {\n startScreen.style.display = 'none';\n progressBarContainer.style.display = 'block';\n questionContainer.style.display = 'block';\n controlsContainer.style.display = 'flex';\n initQuiz();\n });\n\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n function initQuiz() {\n \/\/ \u062e\u0644\u0637 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n shuffledQuestions = shuffleArray([...originalQuestions]);\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0623\u0648\u0644\n showQuestion();\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n updateButtons();\n }\n\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\n function showQuestion() {\n const currentQuestion = shuffledQuestions[currentQuestionIndex];\n questionText.innerHTML = currentQuestion.text;\n \n \/\/ \u062e\u0644\u0637 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\n const shuffledOptions = shuffleArray([...currentQuestion.options]);\n \n optionsContainer.innerHTML = '';\n shuffledOptions.forEach(option => {\n const optionElement = document.createElement('div');\n optionElement.classList.add('option');\n optionElement.textContent = option;\n \n \/\/ \u062a\u062d\u062f\u064a\u062f \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631 \u0647\u0648 \u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n if (userAnswers[currentQuestionIndex] === option) {\n optionElement.classList.add('selected');\n \n \/\/ \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629\u060c \u0646\u0636\u064a\u0641 \u0643\u0644\u0627\u0633 incorrect\n if (option !== currentQuestion.correct) {\n optionElement.classList.add('incorrect');\n \n \/\/ \u0646\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0648\u0646\u0636\u064a\u0641 \u0643\u0644\u0627\u0633 correct \u0644\u0647\u0627\n document.querySelectorAll('.option').forEach(opt => {\n if (opt.textContent === currentQuestion.correct) {\n opt.classList.add('correct');\n }\n });\n }\n }\n \n optionElement.addEventListener('click', () => selectOption(option, optionElement));\n optionsContainer.appendChild(optionElement);\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645\n progressBar.style.width = `${(currentQuestionIndex \/ shuffledQuestions.length) * 100}%`;\n }\n\n \/\/ \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u064a\u0627\u0631\n function selectOption(selectedOption, optionElement) {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\n document.querySelectorAll('.option').forEach(opt => {\n opt.classList.remove('selected', 'correct', 'incorrect');\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\n optionElement.classList.add('selected');\n \n \/\/ \u062d\u0641\u0638 \u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n userAnswers[currentQuestionIndex] = selectedOption;\n \n \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0629\n const currentQuestion = shuffledQuestions[currentQuestionIndex];\n if (selectedOption === currentQuestion.correct) {\n optionElement.classList.add('correct');\n } else {\n optionElement.classList.add('incorrect');\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629\n document.querySelectorAll('.option').forEach(opt => {\n if (opt.textContent === currentQuestion.correct) {\n opt.classList.add('correct');\n }\n });\n }\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n updateButtons();\n }\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n function updateButtons() {\n prevBtn.disabled = currentQuestionIndex === 0;\n \n if (currentQuestionIndex === shuffledQuestions.length - 1) {\n nextBtn.style.display = 'none';\n submitBtn.style.display = 'block';\n } else {\n nextBtn.style.display = 'block';\n submitBtn.style.display = 'none';\n }\n \n \/\/ \u062a\u0639\u0637\u064a\u0644 \u0632\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0625\u062c\u0627\u0628\u0629\n nextBtn.disabled = userAnswers[currentQuestionIndex] === null;\n }\n\n \/\/ \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a\n function nextQuestion() {\n if (currentQuestionIndex < shuffledQuestions.length - 1) {\n currentQuestionIndex++;\n showQuestion();\n updateButtons();\n }\n }\n\n \/\/ \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n showQuestion();\n updateButtons();\n }\n }\n\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n function showResults() {\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n score = 0;\n for (let i = 0; i < shuffledQuestions.length; i++) {\n if (userAnswers[i] === shuffledQuestions[i].correct) {\n score++;\n }\n }\n \n \/\/ \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a\n attempts++;\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0646\u0627\u0643 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062d\u0627\u0648\u0644\u0629\n let average = score;\n if (attempts > 1) {\n average = ((attempts - 1) * average + score) \/ attempts;\n }\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n quizContainer.style.display = 'none';\n resultsContainer.style.display = 'block';\n \n scoreText.textContent = `\u0627\u0644\u062f\u0631\u062c\u0629: ${score} \u0645\u0646 ${shuffledQuestions.length}`;\n percentageText.textContent = `\u0627\u0644\u0646\u0633\u0628\u0629: ${Math.round((score \/ shuffledQuestions.length) * 100)}%`;\n attemptsText.textContent = `\u0639\u062f\u062f \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a: ${attempts}`;\n averageText.textContent = `\u0627\u0644\u0645\u062a\u0648\u0633\u0637: ${Math.round(average)} \u0645\u0646 ${shuffledQuestions.length}`;\n \n \/\/ \u0639\u0631\u0636 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n showReview();\n }\n\n \/\/ \u0639\u0631\u0636 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n function showReview() {\n reviewContainer.innerHTML = '<h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>';\n \n shuffledQuestions.forEach((question, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.className = 'review-item';\n \n const reviewQuestion = document.createElement('div');\n reviewQuestion.className = 'review-question';\n reviewQuestion.innerHTML = question.text;\n \n const userAnswer = document.createElement('div');\n userAnswer.className = 'user-answer';\n userAnswer.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${userAnswers[index] || '\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629'}`;\n \n const correctAnswer = document.createElement('div');\n correctAnswer.className = 'correct-answer';\n correctAnswer.textContent = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: ${question.correct}`;\n \n const answerStatus = document.createElement('div');\n \n if (userAnswers[index] === question.correct) {\n answerStatus.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629';\n answerStatus.className = 'answer-status correct-status';\n } else if (userAnswers[index]) {\n answerStatus.textContent = '\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629';\n answerStatus.className = 'answer-status incorrect-status';\n } else {\n answerStatus.textContent = '\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629';\n answerStatus.className = 'answer-status not-answered';\n }\n \n reviewItem.appendChild(reviewQuestion);\n reviewItem.appendChild(userAnswer);\n reviewItem.appendChild(correctAnswer);\n reviewItem.appendChild(answerStatus);\n \n reviewContainer.appendChild(reviewItem);\n });\n }\n\n \/\/ \u062f\u0627\u0644\u0629 \u0644\u062e\u0644\u0637 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629\n function shuffleArray(array) {\n const newArray = [...array];\n for (let i = newArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\n }\n return newArray;\n }\n\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0639\u0627\u0644\u062c\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\n nextBtn.addEventListener('click', nextQuestion);\n prevBtn.addEventListener('click', prevQuestion);\n submitBtn.addEventListener('click', showResults);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 – \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a 2008<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n \/* \u062d\u0630\u0641 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u062f\u0631\u062c\u0629 *\/\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n overflow: auto;\n }\n .container {\n text-align: center;\n background: rgba(255, 255, 255, 0.95);\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n margin: 20px;\n width: 90%;\n max-width: 600px;\n }\n h1 {\n color: #ff6200;\n font-size: 1.8em;\n margin-bottom: 30px;\n text-shadow: 2px 2px 5px rgba(255, 98, 0, 0.2);\n line-height: 1.5;\n }\n .button-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \/* \u0639\u0645\u0648\u062f\u064a\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 *\/\n gap: 20px;\n max-width: 100%;\n }\n .cute-button {\n background: #ff6200;\n color: white;\n padding: 12px 25px;\n border: none;\n border-radius: 15px;\n font-size: 1.1em;\n cursor: pointer;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 5px 10px rgba(255, 98, 0, 0.4), \n inset 0 3px 8px rgba(255, 255, 255, 0.3);\n transform: perspective(500px) rotateX(5deg);\n }\n .cute-button:hover {\n transform: perspective(500px) rotateX(0deg) translateY(-3px);\n box-shadow: 0 8px 15px rgba(255, 98, 0, 0.6), \n inset 0 3px 8px rgba(255, 255, 255, 0.5);\n }\n .cute-button:active {\n transform: perspective(500px) rotateX(0deg) scale(0.97);\n box-shadow: 0 3px 8px rgba(255, 98, 0, 0.3), \n inset 0 2px 5px rgba(255, 255, 255, 0.2);\n }\n .cute-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: width 0.4s ease, height 0.4s ease;\n }\n .cute-button:hover::before {\n width: 150px;\n height: 150px;\n }\n @keyframes bounceIn {\n 0% { opacity: 0; transform: perspective(500px) rotateX(15deg) scale(0.9); }\n 60% { opacity: 1; transform: perspective(500px) rotateX(-3deg) scale(1.03); }\n 100% { transform: perspective(500px) rotateX(5deg) scale(1); }\n }\n .cute-button {\n animation: bounceIn 0.5s ease forwards;\n }\n\n \/* \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0645\u0639 \u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0639\u0645\u0648\u062f\u064a\u0646 *\/\n @media (max-width: 600px) {\n .container {\n padding: 20px;\n }\n h1 {\n font-size: 1.4em;\n line-height: 1.6;\n }\n .button-grid {\n grid-template-columns: repeat(2, 1fr); \/* \u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0639\u0645\u0648\u062f\u064a\u0646 *\/\n gap: 10px;\n }\n .cute-button {\n padding: 8px 15px;\n font-size: 0.9em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0648\u062d\u062f\u0627\u062a \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0644\u0644\u0635\u0641 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u062c\u064a\u0644 2008<\/h1>\n <div class=\"button-grid\">\n <a href=\"https:\/\/tawjihy.com\/?p=4781\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4790\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4792\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4797\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4806\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0633\u0627\u062f\u0633\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4811\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4813\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0645\u0646\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4816\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0627\u0633\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4826\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/button><\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0639\u0627\u0646\u064a \u0645\u062d\u0648\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645 \u0627\u064a\u0645\u0646 \u0627\u0644\u062e\u0636\u064a\u0631\u0627\u062a \u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0627\u062e\u062a\u0628\u0627\u0631 […]<\/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-4826","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\/4826","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=4826"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4826\/revisions"}],"predecessor-version":[{"id":4849,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4826\/revisions\/4849"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4826"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4826,"date":"2025-04-05T05:24:30","date_gmt":"2025-04-05T05:24:30","guid":{"rendered":"https:\/\/tawjihy.com\/?p=4826"},"modified":"2025-04-05T18:10:44","modified_gmt":"2025-04-05T18:10:44","slug":"%d8%a7%d9%85%d8%aa%d8%ad%d8%a7%d9%86-%d9%85%d8%b9%d8%a7%d9%86%d9%8a-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a-%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-4","status":"publish","type":"post","link":"https:\/\/tawjihy.com\/?p=4826","title":{"rendered":"\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0639\u0627\u0646\u064a \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008"},"content":{"rendered":"\n\n\n\n

\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0639\u0627\u0646\u064a \u0645\u062d\u0648\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008<\/p>\n\n\n\n

\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645 \u0627\u064a\u0645\u0646 \u0627\u0644\u062e\u0636\u064a\u0631\u0627\u062a<\/p>\n\n\n\n\n\n\n \n \n \u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f5f5f5;\n margin: 0;\n padding: 20px;\n color: #333;\n text-align: right;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h1 {\n color: #FF9800;\n text-align: center;\n }\n .start-screen {\n text-align: center;\n padding: 50px 0;\n }\n .start-btn {\n padding: 15px 30px;\n background-color: #FF9800;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 18px;\n margin-top: 20px;\n }\n .start-btn:hover {\n background-color: #F57C00;\n }\n .question-container {\n margin-bottom: 20px;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 8px;\n display: none;\n }\n .question {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 18px;\n direction: ltr;\n text-align: left;\n }\n .options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .option {\n padding: 10px;\n background-color: #f0f0f0;\n border-radius: 5px;\n cursor: pointer;\n transition: all 0.3s;\n border: 2px solid transparent;\n direction: ltr;\n text-align: left;\n }\n .option:hover {\n background-color: #e0e0e0;\n }\n .selected {\n border: 2px solid #FF9800;\n }\n .correct {\n background-color: #4CAF50 !important;\n color: white !important;\n border-color: #4CAF50 !important;\n }\n .incorrect {\n background-color: #f44336 !important;\n color: white !important;\n border-color: #f44336 !important;\n animation: shake 0.5s;\n }\n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n .controls {\n display: flex;\n justify-content: space-between;\n margin-top: 20px;\n display: none;\n }\n button {\n padding: 10px 20px;\n background-color: #FF9800;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n }\n button:hover {\n background-color: #F57C00;\n }\n .results {\n display: none;\n text-align: center;\n padding: 20px;\n }\n .progress {\n margin-top: 20px;\n height: 10px;\n background-color: #e0e0e0;\n border-radius: 5px;\n overflow: hidden;\n display: none;\n }\n .progress-bar {\n height: 100%;\n background-color: #FF9800;\n width: 0%;\n transition: width 0.3s;\n }\n .review-container {\n margin-top: 30px;\n text-align: right;\n }\n .review-item {\n margin-bottom: 20px;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 8px;\n border-right: 5px solid #FF9800;\n }\n .review-question {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 16px;\n direction: ltr;\n text-align: left;\n }\n .user-answer {\n color: #f44336;\n font-weight: bold;\n }\n .correct-answer {\n color: #4CAF50;\n font-weight: bold;\n }\n .answer-status {\n margin-top: 5px;\n font-style: italic;\n }\n .correct-status {\n color: #4CAF50;\n }\n .incorrect-status {\n color: #f44336;\n }\n .not-answered {\n color: #FF9800;\n }\n u {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/h1>\n \n <div class=\"start-screen\" id=\"startScreen\">\n <h2>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <p>\u0633\u064a\u062a\u0645 \u0627\u062e\u062a\u0628\u0627\u0631\u0643 \u0641\u064a \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/p>\n <button class=\"start-btn\" id=\"startBtn\">\u0628\u062f\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n \n <div class=\"progress\" id=\"progressBarContainer\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n \n <div id=\"quizContainer\">\n <div class=\"question-container\" id=\"questionContainer\">\n <div class=\"question\" id=\"questionText\"><\/div>\n <div class=\"options\" id=\"optionsContainer\"><\/div>\n <\/div>\n <div class=\"controls\" id=\"controlsContainer\">\n <button id=\"prevBtn\" disabled>\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n <button id=\"nextBtn\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n <button id=\"submitBtn\" style=\"display: none;\">\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/button>\n <\/div>\n <\/div>\n \n <div class=\"results\" id=\"resultsContainer\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/h2>\n <p id=\"scoreText\"><\/p>\n <p id=\"percentageText\"><\/p>\n <p id=\"attemptsText\"><\/p>\n <p id=\"averageText\"><\/p>\n \n <div class=\"review-container\" id=\"reviewContainer\">\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>\n <\/div>\n \n <button id=\"retryBtn\" onclick=\"window.location.reload()\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u062a\u062d\u062a \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0641\u064a Ex1\n const originalQuestions = [\n \/\/ Ex1 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 1-6\n {\n text: \"When he <u>gave the final line<\/u> of the joke, nobody laughed.\",\n options: [\"cracked\", \"catch up on the latest episode\", \"be on the edge of your seat\", \"deliver the punchline\"],\n correct: \"deliver the punchline\"\n },\n {\n text: \"You <u>can't miss<\/u> this film.\",\n options: [\"be a must watch\", \"be on the edge of your seat\", \"do a stand-up routine\"],\n correct: \"be a must watch\"\n },\n {\n text: \"I would never have the confidence to <u>go up on a stage and tell jokes<\/u>.\",\n options: [\"be a must watch\", \"deliver the punchline\", \"do a stand-up routine\"],\n correct: \"do a stand-up routine\"\n },\n {\n text: \"I was <u>in suspense<\/u> right through the film.\",\n options: [\"be a must watch\", \"deliver the punchline\", \"be on the edge of your seat\"],\n correct: \"be on the edge of your seat\"\n },\n {\n text: \"We <u>missed<\/u> our favourite TV show yesterday, so we'll watch the latest one tonight instead.\",\n options: [\"deliver the punchline\", \"catch up on the latest episode\", \"be a must watch\"],\n correct: \"catch up on the latest episode\"\n },\n {\n text: \"My uncle <u>told a few jokes<\/u> and got everyone laughing.\",\n options: [\"be a must watch\", \"be on the edge of your seat\", \"cracked\", \"do a stand-up routine\"],\n correct: \"cracked\"\n },\n \n \/\/ Ex2 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 7-13\n {\n text: \"My friend is always cracking ______ jokes that aren't at all funny.\",\n options: [\"exceptional\", \"cheesy\", \"lively\", \"convincing\"],\n correct: \"cheesy\"\n },\n {\n text: \"Her acting was totally ______; I couldn't believe in her as a character at all.\",\n options: [\"unconvincing\", \"lively\", \"exceptional\", \"comical\"],\n correct: \"unconvincing\"\n },\n {\n text: \"It was the worst thing I've ever seen \u2013 really ______.\",\n options: [\"exceptional\", \"lively\", \"appalling\", \"unconvincing\"],\n correct: \"appalling\"\n },\n {\n text: \"Her performance was ______ \u2013 far better than anyone else in the cast.\",\n options: [\"exceptional\", \"unconvincing\", \"cheesy\", \"comical\"],\n correct: \"exceptional\"\n },\n {\n text: \"He told a really ______ joke. It was rude about people, and nobody liked it.\",\n options: [\"appalling\", \"unconvincing\", \"offensive\", \"exceptional\"],\n correct: \"offensive\"\n },\n {\n text: \"The costume made him look really ______ \u2013 I couldn't stop laughing!\",\n options: [\"comical\", \"exceptional\", \"lively\", \"cheesy\"],\n correct: \"comical\"\n },\n {\n text: \"It was a ______ show full of laughs and excitement and kept our interest throughout.\",\n options: [\"offensive\", \"unconvincing\", \"cheesy\", \"lively\"],\n correct: \"lively\"\n },\n \n \/\/ Ex3 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 14-18\n {\n text: \"The jokes were so ______ it was embarrassing.\",\n options: [\"Comical\", \"Cheesy\", \"Lively\", \"Unconvincing\"],\n correct: \"Comical\"\n },\n {\n text: \"It was an awful film; the acting was poor, the special effects terrible, and the dialogue was ______.\",\n options: [\"Lively\", \"Comical\", \"Unconvincing\", \"Exceptional\"],\n correct: \"Unconvincing\"\n },\n {\n text: \"This ______ performance by my favourite actor is sure to win her plenty of awards.\",\n options: [\"Appalling\", \"Offensive\", \"Lively\", \"Cheesy\"],\n correct: \"Lively\"\n },\n {\n text: \"I dislike this programme because I find the humour ______.\",\n options: [\"Comical\", \"Lively\", \"Offensive\", \"Historic\"],\n correct: \"Offensive\"\n },\n {\n text: \"This is the best version of the story ever to hit the stage; truly ______ in every way.\",\n options: [\"Exceptional\", \"Comical\", \"Cheesy\", \"Worthless\"],\n correct: \"Exceptional\"\n }\n ];\n\n \/\/ \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\n let currentQuestionIndex = 0;\n let score = 0;\n let userAnswers = Array(originalQuestions.length).fill(null);\n let shuffledQuestions = [...originalQuestions];\n let attempts = 0;\n\n \/\/ \u0639\u0646\u0627\u0635\u0631 DOM\n const startScreen = document.getElementById('startScreen');\n const startBtn = document.getElementById('startBtn');\n const progressBarContainer = document.getElementById('progressBarContainer');\n const questionText = document.getElementById('questionText');\n const optionsContainer = document.getElementById('optionsContainer');\n const controlsContainer = document.getElementById('controlsContainer');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const submitBtn = document.getElementById('submitBtn');\n const quizContainer = document.getElementById('quizContainer');\n const questionContainer = document.getElementById('questionContainer');\n const resultsContainer = document.getElementById('resultsContainer');\n const scoreText = document.getElementById('scoreText');\n const percentageText = document.getElementById('percentageText');\n const attemptsText = document.getElementById('attemptsText');\n const averageText = document.getElementById('averageText');\n const progressBar = document.getElementById('progressBar');\n const reviewContainer = document.getElementById('reviewContainer');\n\n \/\/ \u0628\u062f\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n startBtn.addEventListener('click', () => {\n startScreen.style.display = 'none';\n progressBarContainer.style.display = 'block';\n questionContainer.style.display = 'block';\n controlsContainer.style.display = 'flex';\n initQuiz();\n });\n\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n function initQuiz() {\n \/\/ \u062e\u0644\u0637 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n shuffledQuestions = shuffleArray([...originalQuestions]);\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0623\u0648\u0644\n showQuestion();\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n updateButtons();\n }\n\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\n function showQuestion() {\n const currentQuestion = shuffledQuestions[currentQuestionIndex];\n questionText.innerHTML = currentQuestion.text;\n \n \/\/ \u062e\u0644\u0637 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\n const shuffledOptions = shuffleArray([...currentQuestion.options]);\n \n optionsContainer.innerHTML = '';\n shuffledOptions.forEach(option => {\n const optionElement = document.createElement('div');\n optionElement.classList.add('option');\n optionElement.textContent = option;\n \n \/\/ \u062a\u062d\u062f\u064a\u062f \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631 \u0647\u0648 \u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n if (userAnswers[currentQuestionIndex] === option) {\n optionElement.classList.add('selected');\n \n \/\/ \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629\u060c \u0646\u0636\u064a\u0641 \u0643\u0644\u0627\u0633 incorrect\n if (option !== currentQuestion.correct) {\n optionElement.classList.add('incorrect');\n \n \/\/ \u0646\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0648\u0646\u0636\u064a\u0641 \u0643\u0644\u0627\u0633 correct \u0644\u0647\u0627\n document.querySelectorAll('.option').forEach(opt => {\n if (opt.textContent === currentQuestion.correct) {\n opt.classList.add('correct');\n }\n });\n }\n }\n \n optionElement.addEventListener('click', () => selectOption(option, optionElement));\n optionsContainer.appendChild(optionElement);\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645\n progressBar.style.width = `${(currentQuestionIndex \/ shuffledQuestions.length) * 100}%`;\n }\n\n \/\/ \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u064a\u0627\u0631\n function selectOption(selectedOption, optionElement) {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\n document.querySelectorAll('.option').forEach(opt => {\n opt.classList.remove('selected', 'correct', 'incorrect');\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\n optionElement.classList.add('selected');\n \n \/\/ \u062d\u0641\u0638 \u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n userAnswers[currentQuestionIndex] = selectedOption;\n \n \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0629\n const currentQuestion = shuffledQuestions[currentQuestionIndex];\n if (selectedOption === currentQuestion.correct) {\n optionElement.classList.add('correct');\n } else {\n optionElement.classList.add('incorrect');\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629\n document.querySelectorAll('.option').forEach(opt => {\n if (opt.textContent === currentQuestion.correct) {\n opt.classList.add('correct');\n }\n });\n }\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n updateButtons();\n }\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n function updateButtons() {\n prevBtn.disabled = currentQuestionIndex === 0;\n \n if (currentQuestionIndex === shuffledQuestions.length - 1) {\n nextBtn.style.display = 'none';\n submitBtn.style.display = 'block';\n } else {\n nextBtn.style.display = 'block';\n submitBtn.style.display = 'none';\n }\n \n \/\/ \u062a\u0639\u0637\u064a\u0644 \u0632\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0625\u062c\u0627\u0628\u0629\n nextBtn.disabled = userAnswers[currentQuestionIndex] === null;\n }\n\n \/\/ \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a\n function nextQuestion() {\n if (currentQuestionIndex < shuffledQuestions.length - 1) {\n currentQuestionIndex++;\n showQuestion();\n updateButtons();\n }\n }\n\n \/\/ \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\n function prevQuestion() {\n if (currentQuestionIndex > 0) {\n currentQuestionIndex--;\n showQuestion();\n updateButtons();\n }\n }\n\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n function showResults() {\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n score = 0;\n for (let i = 0; i < shuffledQuestions.length; i++) {\n if (userAnswers[i] === shuffledQuestions[i].correct) {\n score++;\n }\n }\n \n \/\/ \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a\n attempts++;\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0646\u0627\u0643 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062d\u0627\u0648\u0644\u0629\n let average = score;\n if (attempts > 1) {\n average = ((attempts - 1) * average + score) \/ attempts;\n }\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n quizContainer.style.display = 'none';\n resultsContainer.style.display = 'block';\n \n scoreText.textContent = `\u0627\u0644\u062f\u0631\u062c\u0629: ${score} \u0645\u0646 ${shuffledQuestions.length}`;\n percentageText.textContent = `\u0627\u0644\u0646\u0633\u0628\u0629: ${Math.round((score \/ shuffledQuestions.length) * 100)}%`;\n attemptsText.textContent = `\u0639\u062f\u062f \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a: ${attempts}`;\n averageText.textContent = `\u0627\u0644\u0645\u062a\u0648\u0633\u0637: ${Math.round(average)} \u0645\u0646 ${shuffledQuestions.length}`;\n \n \/\/ \u0639\u0631\u0636 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n showReview();\n }\n\n \/\/ \u0639\u0631\u0636 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n function showReview() {\n reviewContainer.innerHTML = '<h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629:<\/h3>';\n \n shuffledQuestions.forEach((question, index) => {\n const reviewItem = document.createElement('div');\n reviewItem.className = 'review-item';\n \n const reviewQuestion = document.createElement('div');\n reviewQuestion.className = 'review-question';\n reviewQuestion.innerHTML = question.text;\n \n const userAnswer = document.createElement('div');\n userAnswer.className = 'user-answer';\n userAnswer.textContent = `\u0625\u062c\u0627\u0628\u062a\u0643: ${userAnswers[index] || '\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629'}`;\n \n const correctAnswer = document.createElement('div');\n correctAnswer.className = 'correct-answer';\n correctAnswer.textContent = `\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: ${question.correct}`;\n \n const answerStatus = document.createElement('div');\n \n if (userAnswers[index] === question.correct) {\n answerStatus.textContent = '\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629';\n answerStatus.className = 'answer-status correct-status';\n } else if (userAnswers[index]) {\n answerStatus.textContent = '\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629';\n answerStatus.className = 'answer-status incorrect-status';\n } else {\n answerStatus.textContent = '\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0625\u062c\u0627\u0628\u0629';\n answerStatus.className = 'answer-status not-answered';\n }\n \n reviewItem.appendChild(reviewQuestion);\n reviewItem.appendChild(userAnswer);\n reviewItem.appendChild(correctAnswer);\n reviewItem.appendChild(answerStatus);\n \n reviewContainer.appendChild(reviewItem);\n });\n }\n\n \/\/ \u062f\u0627\u0644\u0629 \u0644\u062e\u0644\u0637 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629\n function shuffleArray(array) {\n const newArray = [...array];\n for (let i = newArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\n }\n return newArray;\n }\n\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0639\u0627\u0644\u062c\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\n nextBtn.addEventListener('click', nextQuestion);\n prevBtn.addEventListener('click', prevQuestion);\n submitBtn.addEventListener('click', showResults);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 – \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a 2008<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n \/* \u062d\u0630\u0641 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u062f\u0631\u062c\u0629 *\/\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n overflow: auto;\n }\n .container {\n text-align: center;\n background: rgba(255, 255, 255, 0.95);\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n margin: 20px;\n width: 90%;\n max-width: 600px;\n }\n h1 {\n color: #ff6200;\n font-size: 1.8em;\n margin-bottom: 30px;\n text-shadow: 2px 2px 5px rgba(255, 98, 0, 0.2);\n line-height: 1.5;\n }\n .button-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \/* \u0639\u0645\u0648\u062f\u064a\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 *\/\n gap: 20px;\n max-width: 100%;\n }\n .cute-button {\n background: #ff6200;\n color: white;\n padding: 12px 25px;\n border: none;\n border-radius: 15px;\n font-size: 1.1em;\n cursor: pointer;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 5px 10px rgba(255, 98, 0, 0.4), \n inset 0 3px 8px rgba(255, 255, 255, 0.3);\n transform: perspective(500px) rotateX(5deg);\n }\n .cute-button:hover {\n transform: perspective(500px) rotateX(0deg) translateY(-3px);\n box-shadow: 0 8px 15px rgba(255, 98, 0, 0.6), \n inset 0 3px 8px rgba(255, 255, 255, 0.5);\n }\n .cute-button:active {\n transform: perspective(500px) rotateX(0deg) scale(0.97);\n box-shadow: 0 3px 8px rgba(255, 98, 0, 0.3), \n inset 0 2px 5px rgba(255, 255, 255, 0.2);\n }\n .cute-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: width 0.4s ease, height 0.4s ease;\n }\n .cute-button:hover::before {\n width: 150px;\n height: 150px;\n }\n @keyframes bounceIn {\n 0% { opacity: 0; transform: perspective(500px) rotateX(15deg) scale(0.9); }\n 60% { opacity: 1; transform: perspective(500px) rotateX(-3deg) scale(1.03); }\n 100% { transform: perspective(500px) rotateX(5deg) scale(1); }\n }\n .cute-button {\n animation: bounceIn 0.5s ease forwards;\n }\n\n \/* \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0645\u0639 \u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0639\u0645\u0648\u062f\u064a\u0646 *\/\n @media (max-width: 600px) {\n .container {\n padding: 20px;\n }\n h1 {\n font-size: 1.4em;\n line-height: 1.6;\n }\n .button-grid {\n grid-template-columns: repeat(2, 1fr); \/* \u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0639\u0645\u0648\u062f\u064a\u0646 *\/\n gap: 10px;\n }\n .cute-button {\n padding: 8px 15px;\n font-size: 0.9em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0648\u062d\u062f\u0627\u062a \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0644\u0644\u0635\u0641 \u0627\u0644\u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u062c\u064a\u0644 2008<\/h1>\n <div class=\"button-grid\">\n <a href=\"https:\/\/tawjihy.com\/?p=4781\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4790\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4792\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4797\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4806\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0633\u0627\u062f\u0633\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4811\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4813\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062b\u0627\u0645\u0646\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4816\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0627\u0633\u0639\u0629<\/button><\/a>\n <a href=\"https:\/\/tawjihy.com\/?p=4826\"><button class=\"cute-button\">\u0627\u0645\u062a\u062d\u0627\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629<\/button><\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0639\u0627\u0646\u064a \u0645\u062d\u0648\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0623\u0648\u0644 \u062b\u0627\u0646\u0648\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a 2008 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645 \u0627\u064a\u0645\u0646 \u0627\u0644\u062e\u0636\u064a\u0631\u0627\u062a \u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0641\u0631\u062f\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0627\u062e\u062a\u0628\u0627\u0631 […]<\/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-4826","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\/4826","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=4826"}],"version-history":[{"count":5,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4826\/revisions"}],"predecessor-version":[{"id":4849,"href":"https:\/\/tawjihy.com\/index.php?rest_route=\/wp\/v2\/posts\/4826\/revisions\/4849"}],"wp:attachment":[{"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4826"},{"taxonomy":"reaction","embeddable":true,"href":"https:\/\/tawjihy.com\/index.php?rest_route=%2Fwp%2Fv2%2Freaction&post=4826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}