{"id":15245,"date":"2025-09-03T16:18:25","date_gmt":"2025-09-03T14:18:25","guid":{"rendered":"https:\/\/ejaada.com\/?page_id=15245"},"modified":"2025-09-03T16:25:42","modified_gmt":"2025-09-03T14:25:42","slug":"%d8%a7%d9%84%d9%85%d8%a7%d8%b6%d9%8a-%d9%88%d8%a7%d9%84%d8%ad%d8%a7%d8%b6%d8%b1-%d9%88%d8%a7%d9%84%d8%a3%d9%85%d8%b1","status":"publish","type":"page","link":"https:\/\/ejaada.com\/en\/%d8%a7%d9%84%d9%85%d8%a7%d8%b6%d9%8a-%d9%88%d8%a7%d9%84%d8%ad%d8%a7%d8%b6%d8%b1-%d9%88%d8%a7%d9%84%d8%a3%d9%85%d8%b1\/","title":{"rendered":"Past, present and imperative"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Verb tenses game<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .game-container {\r\n font-family: 'Arial', sans-serif;\r\n background: linear-gradient(135deg, #8220A5 0%, #9C4DC7 50%, #B366E8 100%);\r\n padding: 20px;\r\n border-radius: 20px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n box-shadow: 0 15px 35px rgba(130, 32, 165, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .game-container::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\r\n background-size: 30px 30px;\r\n animation: float 20s infinite linear;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translate(0, 0) rotate(0deg); }\r\n 100% { transform: translate(-30px, -30px) rotate(360deg); }\r\n }\r\n\r\n .game-header {\r\n text-align: center;\r\n color: white;\r\n margin-bottom: 30px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .game-title {\r\n font-size: 28px;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .game-subtitle {\r\n font-size: 16px;\r\n opacity: 0.9;\r\n }\r\n\r\n .verbs-container {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 15px;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .verbs-title {\r\n color: #8220A5;\r\n font-size: 20px;\r\n font-weight: bold;\r\n text-align: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .verbs-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n gap: 12px;\r\n justify-items: center;\r\n }\r\n\r\n .verb-card {\r\n background: linear-gradient(135deg, #8220A5, #9C4DC7);\r\n color: white;\r\n padding: 12px 16px;\r\n border-radius: 12px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: grab;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(130, 32, 165, 0.3);\r\n user-select: none;\r\n text-align: center;\r\n min-width: 100px;\r\n }\r\n\r\n .verb-card:hover {\r\n transform: translateY(-3px) scale(1.05);\r\n box-shadow: 0 8px 20px rgba(130, 32, 165, 0.5);\r\n }\r\n\r\n .verb-card:active {\r\n cursor: grabbing;\r\n transform: scale(1.1);\r\n }\r\n\r\n .verb-card.dragging {\r\n opacity: 0.7;\r\n transform: rotate(5deg) scale(1.1);\r\n z-index: 1000;\r\n }\r\n\r\n .tenses-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .tense-box {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n min-height: 250px;\r\n }\r\n\r\n .tense-box.drag-over {\r\n background: rgba(130, 32, 165, 0.1);\r\n transform: scale(1.02);\r\n box-shadow: 0 12px 30px rgba(130, 32, 165, 0.3);\r\n }\r\n\r\n .tense-header {\r\n background: linear-gradient(135deg, #8220A5, #9C4DC7);\r\n color: white;\r\n padding: 12px;\r\n border-radius: 10px;\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n box-shadow: 0 4px 12px rgba(130, 32, 165, 0.3);\r\n }\r\n\r\n .tense-content {\r\n min-height: 150px;\r\n border: 2px dashed #8220A5;\r\n border-radius: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n padding: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tense-content.empty {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #8220A5;\r\n font-size: 16px;\r\n opacity: 0.7;\r\n }\r\n\r\n .placed-verb {\r\n background: linear-gradient(135deg, #8220A5, #9C4DC7);\r\n color: white;\r\n padding: 10px 14px;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n text-align: center;\r\n box-shadow: 0 3px 8px rgba(130, 32, 165, 0.3);\r\n position: relative;\r\n }\r\n\r\n .placed-verb .remove-btn {\r\n position: absolute !important;\r\n top: -5px !important;\r\n right: -5px !important;\r\n background: #ff4757 !important;\r\n color: white !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n font-size: 12px !important;\r\n cursor: pointer !important;\r\n display: none !important;\r\n }\r\n\r\n .placed-verb:hover .remove-btn {\r\n display: block;\r\n }\r\n\r\n .score-container {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 15px;\r\n padding: 15px;\r\n text-align: center;\r\n margin-top: 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .score {\r\n color: #8220A5;\r\n font-size: 20px;\r\n font-weight: bold;\r\n }\r\n\r\n .check-btn {\r\n background: linear-gradient(135deg, #2ecc71, #27ae60) !important;\r\n color: white !important;\r\n border: none !important;\r\n padding: 12px 30px !important;\r\n border-radius: 25px !important;\r\n font-size: 18px !important;\r\n font-weight: bold !important;\r\n cursor: pointer !important;\r\n margin: 10px 5px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 12px rgba(46, 204, 113, 0.3) !important;\r\n }\r\n\r\n .check-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(46, 204, 113, 0.4);\r\n }\r\n\r\n .reset-btn {\r\n background: linear-gradient(135deg, #e74c3c, #c0392b) !important;\r\n color: white !important;\r\n border: none !important;\r\n padding: 12px 30px !important;\r\n border-radius: 25px !important;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n margin: 10px 5px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3) !important;\r\n }\r\n\r\n .reset-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(231, 76, 60, 0.4);\r\n }\r\n\r\n .feedback {\r\n margin-top: 15px;\r\n padding: 15px;\r\n border-radius: 10px;\r\n font-weight: bold;\r\n text-align: center;\r\n display: none;\r\n }\r\n\r\n .feedback.correct {\r\n background: rgba(46, 204, 113, 0.1);\r\n color: #27ae60;\r\n border: 2px solid #27ae60;\r\n }\r\n\r\n .feedback.incorrect {\r\n background: rgba(231, 76, 60, 0.1);\r\n color: #c0392b;\r\n border: 2px solid #c0392b;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .game-container {\r\n padding: 15px;\r\n }\r\n \r\n .tenses-container {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .verbs-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"game-container\">\r\n <div class=\"game-header\">\r\n <h1 class=\"game-title\">Verb tenses game<\/h1>\r\n <p class=\"game-subtitle\">Drag the verbs into the correct tenses.<\/p>\r\n <\/div>\r\n\r\n <div class=\"verbs-container\">\r\n <h2 class=\"verbs-title\">verbs<\/h2>\r\n <div class=\"verbs-grid\" id=\"verbsGrid\">\r\n <!-- \u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0647\u0646\u0627 \u0628\u0648\u0627\u0633\u0637\u0629 JavaScript -->\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tenses-container\">\r\n <div class=\"tense-box\" data-tense=\"past\">\r\n <div class=\"tense-header\">past tense<\/div>\r\n <div class=\"tense-content\" id=\"pastTense\">\r\n <div class=\"empty\">Drag past tense verbs here<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tense-box\" data-tense=\"present\">\r\n <div class=\"tense-header\">present tense verb<\/div>\r\n <div class=\"tense-content\" id=\"presentTense\">\r\n <div class=\"empty\">Drag the present tense verbs here.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tense-box\" data-tense=\"imperative\">\r\n <div class=\"tense-header\">imperative verb<\/div>\r\n <div class=\"tense-content\" id=\"imperativeTense\">\r\n <div class=\"empty\">Drag the imperative verbs here.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"score-container\">\r\n <div class=\"score\" id=\"score\">Points: 0<\/div>\r\n <button class=\"check-btn\" onclick=\"checkAnswers()\">Check answers<\/button>\r\n <button class=\"reset-btn\" onclick=\"resetGame()\">Restart<\/button>\r\n <div class=\"feedback\" id=\"feedback\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const verbs = [\r\n { text: \"\u0643\u064e\u062a\u064e\u0628\u064e\", tense: \"past\" },\r\n { text: \"\u064a\u064e\u0643\u0652\u062a\u064f\u0628\u064f\", tense: \"present\" },\r\n { text: \"\u0627\u0643\u0652\u062a\u064f\u0628\u0652\", tense: \"imperative\" },\r\n { text: \"\u0642\u064e\u0631\u064e\u0623\u064e\", tense: \"past\" },\r\n { text: \"\u064a\u064e\u0642\u0652\u0631\u064e\u0623\u064f\", tense: \"present\" },\r\n { text: \"\u0627\u0642\u0652\u0631\u064e\u0623\u0652\", tense: \"imperative\" },\r\n { text: \"\u0623\u064e\u0643\u064e\u0644\u064e\", tense: \"past\" },\r\n { text: \"\u064a\u064e\u0623\u0652\u0643\u064f\u0644\u064f\", tense: \"present\" },\r\n { text: \"\u0643\u064f\u0644\u0652\", tense: \"imperative\" },\r\n { text: \"\u0634\u064e\u0631\u0650\u0628\u064e\", tense: \"past\" },\r\n { text: \"\u064a\u064e\u0634\u0652\u0631\u064e\u0628\u064f\", tense: \"present\" },\r\n { text: \"\u0627\u0634\u0652\u0631\u064e\u0628\u0652\", tense: \"imperative\" }\r\n ];\r\n\r\n let score = 0;\r\n let draggedElement = null;\r\n\r\n function initializeGame() {\r\n const verbsGrid = document.getElementById('verbsGrid');\r\n verbsGrid.innerHTML = '';\r\n\r\n \/\/ \u062e\u0644\u0637 \u0627\u0644\u0623\u0641\u0639\u0627\u0644\r\n const shuffledVerbs = [...verbs].sort(() => Math.random() - 0.5);\r\n\r\n shuffledVerbs.forEach((verb, index) => {\r\n const verbCard = document.createElement('div');\r\n verbCard.className = 'verb-card';\r\n verbCard.textContent = verb.text;\r\n verbCard.draggable = true;\r\n verbCard.dataset.tense = verb.tense;\r\n verbCard.dataset.verbId = index;\r\n\r\n verbCard.addEventListener('dragstart', handleDragStart);\r\n verbCard.addEventListener('dragend', handleDragEnd);\r\n\r\n verbsGrid.appendChild(verbCard);\r\n });\r\n\r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0625\u0641\u0644\u0627\u062a\r\n const tenseBoxes = document.querySelectorAll('.tense-box');\r\n tenseBoxes.forEach(box => {\r\n box.addEventListener('dragover', handleDragOver);\r\n box.addEventListener('drop', handleDrop);\r\n box.addEventListener('dragleave', handleDragLeave);\r\n });\r\n\r\n resetTenseContents();\r\n updateScore();\r\n }\r\n\r\n function handleDragStart(e) {\r\n draggedElement = e.target;\r\n e.target.classList.add('dragging');\r\n }\r\n\r\n function handleDragEnd(e) {\r\n e.target.classList.remove('dragging');\r\n draggedElement = null;\r\n }\r\n\r\n function handleDragOver(e) {\r\n e.preventDefault();\r\n e.currentTarget.classList.add('drag-over');\r\n }\r\n\r\n function handleDragLeave(e) {\r\n e.currentTarget.classList.remove('drag-over');\r\n }\r\n\r\n function handleDrop(e) {\r\n e.preventDefault();\r\n e.currentTarget.classList.remove('drag-over');\r\n\r\n if (draggedElement) {\r\n const tenseContent = e.currentTarget.querySelector('.tense-content');\r\n const emptyDiv = tenseContent.querySelector('.empty');\r\n \r\n if (emptyDiv) {\r\n emptyDiv.remove();\r\n tenseContent.classList.remove('empty');\r\n }\r\n\r\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0639\u0646\u0635\u0631 \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0645\u0648\u0636\u0648\u0639\r\n const placedVerb = document.createElement('div');\r\n placedVerb.className = 'placed-verb';\r\n placedVerb.textContent = draggedElement.textContent;\r\n placedVerb.dataset.tense = draggedElement.dataset.tense;\r\n placedVerb.dataset.verbId = draggedElement.dataset.verbId;\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0632\u0631 \u0627\u0644\u0625\u0632\u0627\u0644\u0629\r\n const removeBtn = document.createElement('button');\r\n removeBtn.className = 'remove-btn';\r\n removeBtn.textContent = '\u00d7';\r\n removeBtn.onclick = () => removeVerb(placedVerb, draggedElement);\r\n placedVerb.appendChild(removeBtn);\r\n\r\n tenseContent.appendChild(placedVerb);\r\n\r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0623\u0635\u0644\u064a\r\n draggedElement.style.display = 'none';\r\n }\r\n }\r\n\r\n function removeVerb(placedVerb, originalVerb) {\r\n const tenseContent = placedVerb.parentNode;\r\n placedVerb.remove();\r\n\r\n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0631\u0629 \u0623\u062e\u0631\u0649\r\n originalVerb.style.display = 'block';\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u0627\u0631\u063a \u0625\u0630\u0627 \u0644\u0645 \u062a\u0639\u062f \u0647\u0646\u0627\u0643 \u0623\u0641\u0639\u0627\u0644\r\n if (tenseContent.children.length === 0) {\r\n const emptyDiv = document.createElement('div');\r\n emptyDiv.className = 'empty';\r\n \r\n const tenseType = tenseContent.id;\r\n if (tenseType === 'pastTense') {\r\n emptyDiv.textContent = '\u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0627\u0636\u064a\u0629 \u0647\u0646\u0627';\r\n } else if (tenseType === 'presentTense') {\r\n emptyDiv.textContent = '\u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0636\u0627\u0631\u0639\u0629 \u0647\u0646\u0627';\r\n } else if (tenseType === 'imperativeTense') {\r\n emptyDiv.textContent = '\u0627\u0633\u062d\u0628 \u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0623\u0645\u0631 \u0647\u0646\u0627';\r\n }\r\n \r\n tenseContent.appendChild(emptyDiv);\r\n tenseContent.classList.add('empty');\r\n }\r\n }\r\n\r\n function checkAnswers() {\r\n const tenseBoxes = document.querySelectorAll('.tense-box');\r\n let correctCount = 0;\r\n let totalPlaced = 0;\r\n\r\n tenseBoxes.forEach(box => {\r\n const expectedTense = box.dataset.tense;\r\n const placedVerbs = box.querySelectorAll('.placed-verb');\r\n \r\n placedVerbs.forEach(verb => {\r\n totalPlaced++;\r\n if (verb.dataset.tense === expectedTense) {\r\n correctCount++;\r\n verb.style.background = 'linear-gradient(135deg, #2ecc71, #27ae60)';\r\n } else {\r\n verb.style.background = 'linear-gradient(135deg, #e74c3c, #c0392b)';\r\n }\r\n });\r\n });\r\n\r\n score = correctCount * 10;\r\n updateScore();\r\n\r\nconst feedback = document.getElementById('feedback');\r\nfeedback.style.display = 'block';\r\n\r\nconst wrongCount = totalPlaced - correctCount;\r\n\r\nif (totalPlaced === 0) {\r\n feedback.textContent = '\u0636\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0623\u0648\u0644\u064b\u0627.';\r\n feedback.className = 'feedback';\r\n} else if (correctCount === totalPlaced) {\r\n feedback.textContent = '\u0645\u0645\u062a\u0627\u0632! \u062c\u0645\u064a\u0639 \u0625\u062c\u0627\u0628\u0627\u062a\u0643 \u0635\u062d\u064a\u062d\u0629! \ud83c\udf89';\r\n feedback.className = 'feedback correct';\r\n} else if (correctCount === 0) {\r\n feedback.textContent = '\u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649! \ud83d\udcaa';\r\n feedback.className = 'feedback incorrect';\r\n} else if (correctCount > wrongCount) {\r\n \/\/ \u0635\u062d \u0623\u0643\u062b\u0631 \u0645\u0646 \u063a\u0644\u0637 \u21d2 \u0646\u0645\u062f\u062d\r\n feedback.textContent = `\u0623\u062d\u0633\u0646\u062a! ${correctCount} \u0645\u0646 ${totalPlaced} \u0625\u062c\u0627\u0628\u0627\u062a \u0635\u062d\u064a\u062d\u0629`;\r\n feedback.className = 'feedback correct';\r\n} else if (correctCount < wrongCount) {\r\n \/\/ \u063a\u0644\u0637 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0635\u062d \u21d2 \u0644\u0627 \u0646\u0642\u0648\u0644 \"\u0623\u062d\u0633\u0646\u062a\"\r\n feedback.textContent = `${wrongCount} \u0645\u0646 ${totalPlaced} \u0625\u062c\u0627\u0628\u0627\u062a \u062e\u0627\u0637\u0626\u0629`;\r\n feedback.className = 'feedback incorrect';\r\n} else {\r\n \/\/ \u062a\u0639\u0627\u062f\u0644\r\n feedback.textContent = `\u0646\u0635\u0641 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0635\u062d\u064a\u062d\u0629 (${correctCount}\/${totalPlaced}). \u062a\u0627\u0628\u0639 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629!`;\r\n feedback.className = 'feedback';\r\n}\r\n\r\n\r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0628\u0639\u062f 3 \u062b\u0648\u0627\u0646\u064d\r\n setTimeout(() => {\r\n document.querySelectorAll('.placed-verb').forEach(verb => {\r\n verb.style.background = 'linear-gradient(135deg, #8220A5, #9C4DC7)';\r\n });\r\n }, 3000);\r\n }\r\n\r\n function resetGame() {\r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u0625\u0638\u0647\u0627\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0641\u0639\u0627\u0644\r\n document.querySelectorAll('.verb-card').forEach(verb => {\r\n verb.style.display = 'block';\r\n });\r\n\r\n \/\/ \u0645\u0633\u062d \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0632\u0645\u0646\u0629\r\n resetTenseContents();\r\n\r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0642\u0627\u0637\r\n score = 0;\r\n updateScore();\r\n\r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\r\n document.getElementById('feedback').style.display = 'none';\r\n\r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062e\u0644\u0637 \u0627\u0644\u0623\u0641\u0639\u0627\u0644\r\n initializeGame();\r\n }\r\n\r\n function resetTenseContents() {\r\n const pastTense = document.getElementById('pastTense');\r\n const presentTense = document.getElementById('presentTense');\r\n const imperativeTense = document.getElementById('imperativeTense');\r\n\r\n pastTense.innerHTML = '<div class=\"empty\">\u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0627\u0636\u064a\u0629 \u0647\u0646\u0627<\/div>';\r\n presentTense.innerHTML = '<div class=\"empty\">\u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0636\u0627\u0631\u0639\u0629 \u0647\u0646\u0627<\/div>';\r\n imperativeTense.innerHTML = '<div class=\"empty\">\u0627\u0633\u062d\u0628 \u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0623\u0645\u0631 \u0647\u0646\u0627<\/div>';\r\n\r\n pastTense.classList.add('empty');\r\n presentTense.classList.add('empty');\r\n imperativeTense.classList.add('empty');\r\n }\r\n\r\n function updateScore() {\r\n document.getElementById('score').textContent = `\u0627\u0644\u0646\u0642\u0627\u0637: ${score}`;\r\n }\r\n\r\n \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0644\u0639\u0628\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n document.addEventListener('DOMContentLoaded', initializeGame);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0644\u0639\u0628\u0629 \u0623\u0632\u0645\u0646\u0629 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0644\u0639\u0628\u0629 \u0623\u0632\u0645\u0646\u0629 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0623\u0632\u0645\u0646\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0645\u0627\u0636\u064a \u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0627\u0636\u064a\u0629 \u0647\u0646\u0627 \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0645\u0636\u0627\u0631\u0639 \u0627\u0633\u062d\u0628 \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0645\u0636\u0627\u0631\u0639\u0629 \u0647\u0646\u0627 \u0641\u0639\u0644 \u0627\u0644\u0623\u0645\u0631 \u0627\u0633\u062d\u0628 \u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0623\u0645\u0631 \u0647\u0646\u0627 \u0627\u0644\u0646\u0642\u0627\u0637: 0 \u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u063a\u064a\u0644<\/p>","protected":false},"author":389,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-disable-related-posts":"","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-15245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/users\/389"}],"replies":[{"embeddable":true,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/comments?post=15245"}],"version-history":[{"count":4,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15245\/revisions"}],"predecessor-version":[{"id":15249,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15245\/revisions\/15249"}],"wp:attachment":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/media?parent=15245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}