{"id":15161,"date":"2025-09-02T10:15:17","date_gmt":"2025-09-02T08:15:17","guid":{"rendered":"https:\/\/ejaada.com\/?page_id=15161"},"modified":"2025-09-02T10:15:23","modified_gmt":"2025-09-02T08:15:23","slug":"%d9%84%d8%b9%d8%a8%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d9%85%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%a3%d9%81%d8%b9%d8%a7%d9%84","status":"publish","type":"page","link":"https:\/\/ejaada.com\/en\/%d9%84%d8%b9%d8%a8%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d9%85%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%a3%d9%81%d8%b9%d8%a7%d9%84\/","title":{"rendered":"Nouns and Verbs Game"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15161\" class=\"elementor elementor-15161\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe789f4 e-flex e-con-boxed e-con e-parent\" data-id=\"fe789f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43f6331 elementor-widget elementor-widget-html\" data-id=\"43f6331\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Nouns and Verbs Classification Game | Enhanced Game<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .arabic-game-widget {\r\n            --noun-color: #2ecc71;\r\n            --verb-color: #e74c3c;\r\n            --unselected-color: #f39c12;\r\n            --primary-blue: #3498db;\r\n            --dark-blue: #2980b9;\r\n            --background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            --card-bg: rgba(255, 255, 255, 0.95);\r\n            --shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n            --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --border-radius: 20px;\r\n            \r\n            font-family: 'Tajawal', sans-serif;\r\n            background: var(--background);\r\n            color: #333;\r\n            text-align: center;\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n            position: relative;\r\n            overflow-x: hidden;\r\n            border-radius: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .arabic-game-widget * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .arabic-game-widget::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: \r\n                radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 40%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n            border-radius: 20px;\r\n        }\r\n        \r\n        .arabic-game-widget .container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        \/* Enhanced Header *\/\r\n        .arabic-game-widget .header {\r\n            background: var(--card-bg);\r\n            padding: 40px 30px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow);\r\n            margin-bottom: 30px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            animation: slideDown 0.8s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .arabic-game-widget .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--noun-color), var(--verb-color), var(--primary-blue));\r\n        }\r\n        \r\n        .arabic-game-widget h1 {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            background: linear-gradient(135deg, #2c3e50, #3498db);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 10px;\r\n            text-shadow: none;\r\n        }\r\n        \r\n        .arabic-game-widget .subtitle {\r\n            font-size: 1.2rem;\r\n            color: #7f8c8d;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* Enhanced Instructions *\/\r\n        .arabic-game-widget .instructions {\r\n            background: var(--card-bg);\r\n            padding: 30px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow);\r\n            margin-bottom: 30px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            animation: slideUp 0.8s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-card {\r\n            background: rgba(255, 255, 255, 0.7);\r\n            padding: 20px;\r\n            border-radius: 15px;\r\n            transition: var(--transition);\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-card.noun-card {\r\n            border-color: var(--noun-color);\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-card.verb-card {\r\n            border-color: var(--verb-color);\r\n        }\r\n        \r\n        .arabic-game-widget .instruction-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .arabic-game-widget .instructions p {\r\n            font-size: 1.1rem;\r\n            color: #555;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .arabic-game-widget .highlight {\r\n            color: var(--noun-color);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .arabic-game-widget .highlight-verb {\r\n            color: var(--verb-color);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        \/* Enhanced Controls *\/\r\n        .arabic-game-widget .controls {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-bottom: 25px;\r\n            animation: fadeIn 1s ease;\r\n        }\r\n        \r\n        .arabic-game-widget button {\r\n            background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));\r\n            color: white;\r\n            border: none;\r\n            padding: 15px 35px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            box-shadow: var(--shadow);\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-width: 150px;\r\n        }\r\n        \r\n        .arabic-game-widget button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .arabic-game-widget button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n        \r\n        .arabic-game-widget button:hover::before {\r\n            left: 100%;\r\n        }\r\n        \r\n        .arabic-game-widget button:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .arabic-game-widget #check-btn {\r\n            background: linear-gradient(135deg, var(--noun-color), #27ae60);\r\n        }\r\n        \r\n        .arabic-game-widget #reset-btn {\r\n            background: linear-gradient(135deg, var(--verb-color), #c0392b);\r\n        }\r\n        \r\n        \/* Enhanced Score & Feedback *\/\r\n        .arabic-game-widget .stats-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 30px;\r\n            margin: 25px 0;\r\n            animation: fadeIn 1s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .stat-card {\r\n            background: var(--card-bg);\r\n            padding: 20px 30px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            min-width: 120px;\r\n        }\r\n        \r\n        .arabic-game-widget .stat-label {\r\n            font-size: 0.9rem;\r\n            color: #7f8c8d;\r\n            margin-bottom: 5px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .arabic-game-widget .stat-value {\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            color: var(--primary-blue);\r\n        }\r\n        \r\n        .arabic-game-widget .feedback {\r\n            background: var(--card-bg);\r\n            padding: 20px;\r\n            border-radius: var(--border-radius);\r\n            margin: 20px auto;\r\n            max-width: 500px;\r\n            box-shadow: var(--shadow);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            min-height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .correct {\r\n            background: linear-gradient(135deg, rgba(46, 204, 113, 0.1), rgba(39, 174, 96, 0.1));\r\n            color: var(--noun-color);\r\n            border-color: var(--noun-color);\r\n        }\r\n        \r\n        .arabic-game-widget .incorrect {\r\n            background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));\r\n            color: var(--verb-color);\r\n            border-color: var(--verb-color);\r\n        }\r\n        \r\n        \/* Enhanced Apple Game Grid *\/\r\n        .arabic-game-widget .game-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n            animation: fadeIn 1s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .apple {\r\n            width: 160px;\r\n            height: 160px;\r\n            background: linear-gradient(135deg, var(--unselected-color), #e67e22);\r\n            border-radius: 70px 70px 60px 60px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            position: relative;\r\n            box-shadow: var(--shadow);\r\n            transition: var(--transition);\r\n            user-select: none;\r\n            border: 3px solid transparent;\r\n        }\r\n        \r\n        .arabic-game-widget .apple:hover {\r\n            transform: scale(1.08) rotate(8deg);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n        \r\n        .arabic-game-widget .apple:active {\r\n            transform: scale(0.95);\r\n        }\r\n        \r\n        .arabic-game-widget .apple.noun {\r\n            background: linear-gradient(135deg, var(--noun-color), #27ae60);\r\n            color: white;\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n            animation: successPulse 0.6s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .apple.verb {\r\n            background: linear-gradient(135deg, var(--verb-color), #c0392b);\r\n            color: white;\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n            animation: successPulse 0.6s ease;\r\n        }\r\n        \r\n        .arabic-game-widget .apple::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -25px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 14px;\r\n            height: 45px;\r\n            background: linear-gradient(to bottom, #8B4513, #A0522D);\r\n            border-radius: 7px;\r\n            z-index: 1;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .arabic-game-widget .apple::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -30px;\r\n            left: 50%;\r\n            transform: translateX(-50%) rotate(-15deg);\r\n            width: 25px;\r\n            height: 12px;\r\n            background: linear-gradient(135deg, #27ae60, #2ecc71);\r\n            border-radius: 50%;\r\n            z-index: 2;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        \/* Enhanced Animations *\/\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        @keyframes slideDown {\r\n            from { \r\n                opacity: 0;\r\n                transform: translateY(-50px);\r\n            }\r\n            to { \r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        @keyframes slideUp {\r\n            from { \r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to { \r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        @keyframes successPulse {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.15); }\r\n            100% { transform: scale(1); }\r\n        }\r\n        \r\n        @keyframes shake {\r\n            0%, 100% { transform: translateX(0); }\r\n            25% { transform: translateX(-5px); }\r\n            75% { transform: translateX(5px); }\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .arabic-game-widget .game-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n                gap: 20px;\r\n            }\r\n            \r\n            .arabic-game-widget .apple {\r\n                width: 140px;\r\n                height: 140px;\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .arabic-game-widget h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .arabic-game-widget .stats-container {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .arabic-game-widget .controls {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            .arabic-game-widget button {\r\n                width: 200px;\r\n            }\r\n            \r\n            .arabic-game-widget .instruction-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"arabic-game-widget\">\r\n        <div class=\"container\">\r\n            <div class=\"header\">\r\n                <h1>Nouns and verbs classification game<\/h1>\r\n                <p class=\"subtitle\">Learn Arabic grammar in a fun and interactive way.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"instructions\">\r\n                <div class=\"instruction-grid\">\r\n                    <div class=\"instruction-card noun-card\">\r\n                        <div class=\"instruction-icon\">\ud83c\udf4f<\/div>\r\n                        <p><span class=\"highlight\">Names<\/span> \u2192 Click once<\/p>\r\n                        <p style=\"color: var(--noun-color); font-size: 0.9rem;\">turn green<\/p>\r\n                    <\/div>\r\n                    <div class=\"instruction-card verb-card\">\r\n                        <div class=\"instruction-icon\">\ud83c\udf4e<\/div>\r\n                        <p><span class=\"highlight-verb\">verbs<\/span> \u2192 Double-click<\/p>\r\n                        <p style=\"color: var(--verb-color); font-size: 0.9rem;\">turn red<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 20px; font-size: 1.1rem; color: #555;\">\ud83c\udfaf Sort the words correctly and harvest the apples!<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"controls\">\r\n                <button id=\"check-btn\">\u2705 Check answers<\/button>\r\n                <button id=\"reset-btn\">\ud83d\udd04 Restart<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"stats-container\">\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-label\">The result<\/div>\r\n                    <div class=\"stat-value\" id=\"score\">0<\/div>\r\n                <\/div>\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-label\">the total<\/div>\r\n                    <div class=\"stat-value\" id=\"total\">0<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"feedback\" id=\"feedback\">Click on the apples to sort the words.<\/div>\r\n            \r\n            <div class=\"game-container\" id=\"game-container\">\r\n                <!-- Apples will be generated here by JavaScript -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n        \/\/ Arabic words - nouns and verbs\r\n        const words = [\r\n            { text: \"\u0633\u0645\u0643\u0629\", type: \"noun\" },\r\n            { text: \"\u064a\u0644\u0639\u0628\", type: \"verb\" },\r\n            { text: \"\u0643\u062a\u0627\u0628\", type: \"noun\" },\r\n            { text: \"\u064a\u0642\u0631\u0623\", type: \"verb\" },\r\n            { text: \"\u0634\u0645\u0633\", type: \"noun\" },\r\n            { text: \"\u064a\u0634\u0631\u0628\", type: \"verb\" },\r\n            { text: \"\u0628\u062d\u0631\", type: \"noun\" },\r\n            { text: \"\u064a\u0633\u0628\u062d\", type: \"verb\" },\r\n            { text: \"\u0642\u0637\u0629\", type: \"noun\" },\r\n            { text: \"\u064a\u0646\u0627\u0645\", type: \"verb\" },\r\n        ];\r\n        \r\n        let score = 0;\r\n        let currentWords = [];\r\n        let userSelections = {};\r\n        \r\n        \/\/ Initialize the game\r\n        function initGame() {\r\n            const gameContainer = document.getElementById('game-container');\r\n            gameContainer.innerHTML = '';\r\n            userSelections = {};\r\n            score = 0;\r\n            document.getElementById('score').textContent = score;\r\n            document.getElementById('total').textContent = words.length;\r\n            document.getElementById('feedback').textContent = '\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u062d\u0627\u062a \u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0643\u0644\u0645\u0627\u062a';\r\n            document.getElementById('feedback').className = 'feedback';\r\n            \r\n            \/\/ Shuffle and select words\r\n            currentWords = [...words].sort(() => Math.random() - 0.5);\r\n            \r\n            \/\/ Create apples with staggered animation\r\n            currentWords.forEach((word, index) => {\r\n                const apple = document.createElement('div');\r\n                apple.className = 'apple';\r\n                apple.textContent = word.text;\r\n                apple.dataset.index = index;\r\n                apple.dataset.type = word.type;\r\n                apple.dataset.clicks = \"0\";\r\n                apple.style.animationDelay = `${index * 0.1}s`;\r\n                apple.addEventListener('click', handleAppleClick);\r\n                gameContainer.appendChild(apple);\r\n            });\r\n        }\r\n        \r\n        \/\/ Handle apple clicks with enhanced feedback\r\n        function handleAppleClick(e) {\r\n            const apple = e.target;\r\n            const clicks = parseInt(apple.dataset.clicks);\r\n            \r\n            apple.dataset.clicks = (clicks + 1) % 3;\r\n            \r\n            \/\/ Reset classes\r\n            apple.classList.remove('noun', 'verb');\r\n            \r\n            \/\/ Apply new class with enhanced animations\r\n            if (apple.dataset.clicks === \"1\") {\r\n                apple.classList.add('noun');\r\n                userSelections[apple.dataset.index] = \"noun\";\r\n            } \r\n            else if (apple.dataset.clicks === \"2\") {\r\n                apple.classList.add('verb');\r\n                userSelections[apple.dataset.index] = \"verb\";\r\n            } \r\n            else {\r\n                delete userSelections[apple.dataset.index];\r\n            }\r\n        }\r\n        \r\n        \/\/ Enhanced check answers with better feedback\r\n        function checkAnswers() {\r\n            let correct = 0;\r\n            const apples = document.querySelectorAll('.apple');\r\n            const feedback = document.getElementById('feedback');\r\n            \r\n            \/\/ Check if user has made any selections\r\n            if (Object.keys(userSelections).length === 0) {\r\n                feedback.textContent = '\u26a0\ufe0f \u064a\u0631\u062c\u0649 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0623\u0648\u0644\u0627\u064b!';\r\n                feedback.className = 'feedback incorrect';\r\n                return;\r\n            }\r\n            \r\n            apples.forEach(apple => {\r\n                const index = apple.dataset.index;\r\n                const correctType = apple.dataset.type;\r\n                const userType = userSelections[index];\r\n                \r\n                if (userType === correctType) {\r\n                    correct++;\r\n                } else if (userType) {\r\n                    \/\/ Wrong classification - shake animation\r\n                    apple.style.animation = 'shake 0.5s ease';\r\n                    setTimeout(() => {\r\n                        apple.style.animation = '';\r\n                    }, 500);\r\n                }\r\n            });\r\n            \r\n            score = correct;\r\n            document.getElementById('score').textContent = score;\r\n            \r\n            \/\/ Enhanced feedback messages\r\n            if (correct === words.length) {\r\n                feedback.textContent = '\ud83c\udf89 \u0645\u0628\u0631\u0648\u0643! \u0644\u0642\u062f \u0635\u0646\u0651\u0641\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d!';\r\n                feedback.className = 'feedback correct';\r\n            } else if (correct >= words.length * 0.8) {\r\n                feedback.textContent = `\ud83d\udc4d \u0645\u0645\u062a\u0627\u0632! ${correct} \u0645\u0646 ${words.length} \u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629`;\r\n                feedback.className = 'feedback correct';\r\n            } else if (correct >= words.length * 0.5) {\r\n                feedback.textContent = `\ud83d\udc4c \u062c\u064a\u062f! ${correct} \u0645\u0646 ${words.length} \u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629`;\r\n                feedback.className = 'feedback';\r\n            } else {\r\n                feedback.textContent = `\ud83d\udcaa \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649! ${correct} \u0645\u0646 ${words.length} \u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629`;\r\n                feedback.className = 'feedback incorrect';\r\n            }\r\n        }\r\n        \r\n        \/\/ Event listeners\r\n        document.getElementById('check-btn').addEventListener('click', checkAnswers);\r\n        document.getElementById('reset-btn').addEventListener('click', initGame);\r\n        \r\n        \/\/ Start the game\r\n        initGame();\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 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0648\u0627\u0644\u0623\u0641\u0639\u0627\u0644 | Enhanced Game \u0644\u0639\u0628\u0629 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0648\u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u062a\u0639\u0644\u0645 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0645\u062a\u0639\u0629 \u0648\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \ud83c\udf4f \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u2192 \u0627\u0636\u063a\u0637 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u062a\u0635\u0628\u062d \u062e\u0636\u0631\u0627\u0621 \u0627\u0644\u0644\u0648\u0646 \ud83c\udf4e \u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u2192 \u0627\u0636\u063a\u0637 \u0645\u0631\u062a\u064a\u0646 \u062a\u0635\u0628\u062d \u062d\u0645\u0631\u0627\u0621 \u0627\u0644\u0644\u0648\u0646 \ud83c\udfaf \u0635\u0646\u0651\u0641 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0648\u0627\u062d\u0635\u062f \u0627\u0644\u062a\u0641\u0627\u062d! \u2705 \u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \ud83d\udd04 \u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 0 \u0627\u0644\u0645\u062c\u0645\u0648\u0639 0 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u062d\u0627\u062a [&hellip;]<\/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-15161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15161","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=15161"}],"version-history":[{"count":10,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15161\/revisions"}],"predecessor-version":[{"id":15171,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15161\/revisions\/15171"}],"wp:attachment":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/media?parent=15161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}