{
    "id": 2109,
    "date": "2024-12-17T01:35:45",
    "date_gmt": "2024-12-16T22:35:45",
    "guid": {
        "rendered": "https:\/\/kalematquran.com\/?p=2109"
    },
    "modified": "2026-02-14T02:41:07",
    "modified_gmt": "2026-02-14T00:41:07",
    "slug": "arabic-letters-games",
    "status": "publish",
    "type": "post",
    "link": "https:\/\/kalematquran.com\/ar\/arabic-letters-games\/",
    "title": {
        "rendered": "\u0627\u0644\u0639\u0627\u0628 \u0627\u0644\u062d\u0631\u0648\u0641 \u0627\u0644\u0639\u0631\u0628\u064a\u0629"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-post\" data-elementor-id=\"2109\" class=\"elementor elementor-2109\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c831e37 e-con-full e-flex e-con e-parent\" data-id=\"c831e37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-567bf73 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"567bf73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg class=\"play-btn\" onclick=\"playSound()\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 64 64\" fill=\"#000\">\r\n        <circle cx=\"32\" cy=\"32\" r=\"32\" fill=\"#f0f0f0\" \/>\r\n        <polygon points=\"25,18 25,46 46,32\" fill=\"#333\" \/>\r\n    <\/svg>\r\n    <div class=\"letter-buttons\" id=\"letters\"><\/div>\r\n    <div id=\"status\"><\/div>\r\n    <div id=\"end-message\"><\/div>\r\n    <button id=\"restart-btn\" onclick=\"restartGame()\" style=\"display: none; margin-top: 20px;\">\u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u063a\u064a\u0644<\/button>\r\n\r\n    <style>\r\n        body { text-align: center; }\r\n        .letter-buttons { margin: 20px; display: flex; justify-content: center; gap: 15px; }\r\n        .letter { padding: 20px; font-size: 24px; cursor: pointer; background: #f0f0f0; border: 2px solid #ddd; border-radius: 5px; transition: transform 0.2s, background 0.3s; }\r\n        .letter:hover { background: #ddd; transform: scale(1.1); }\r\n        #status { margin-top: 20px; font-size: 20px; opacity: 0; transition: opacity 0.5s; }\r\n        #end-message { margin-top: 30px; font-size: 24px; font-weight: bold; }\r\n        .play-btn { width: 50px; height: 50px; cursor: pointer; margin: 20px; }\r\n    <\/style>\r\n\r\n    <script>\r\n        const letters = [\r\n            { letter: '\u0627', sound: 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/09\/1_alif.mp3' },\r\n            { letter: '\u0628', sound: 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/09\/2_baa.mp3' },\r\n            { letter: '\u062a', sound: 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/09\/3_taa.mp3' },\r\n            { letter: '\u062b', sound: 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/09\/4_thaa.mp3' }\r\n        ];\r\n        let currentLetter = '';\r\n        let score = 0;\r\n        let attempts = 0;\r\n        const maxAttempts = 10;\r\n\r\n        function generateButtons() {\r\n            const lettersContainer = document.getElementById('letters');\r\n            lettersContainer.innerHTML = '';\r\n            letters.forEach(({ letter }) => {\r\n                const button = document.createElement('div');\r\n                button.className = 'letter';\r\n                button.textContent = letter;\r\n                button.onclick = () => checkAnswer(letter);\r\n                lettersContainer.appendChild(button);\r\n            });\r\n        }\r\n\r\n        function playSound() {\r\n            if (attempts >= maxAttempts) {\r\n                endGame();\r\n                return;\r\n            }\r\n            const randomIndex = Math.floor(Math.random() * letters.length);\r\n            currentLetter = letters[randomIndex].letter;\r\n            const audio = new Audio(letters[randomIndex].sound);\r\n            audio.play();\r\n        }\r\n\r\n        function playFeedbackSound(correct) {\r\n            const audio = new Audio(correct ? 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/12\/correct.mp3' : 'https:\/\/kalematquran.com\/wp-content\/uploads\/2024\/12\/wrong.mp3');\r\n            audio.play();\r\n        }\r\n\r\n        function checkAnswer(letter) {\r\n            const status = document.getElementById('status');\r\n            attempts++;\r\n            if (letter === currentLetter) {\r\n                score++;\r\n                status.textContent = '\u2705 Correct!';\r\n                playFeedbackSound(true);\r\n            } else {\r\n                status.textContent = '\u274c Try again!';\r\n                playFeedbackSound(false);\r\n            }\r\n            status.style.opacity = 1;\r\n            setTimeout(() => {\r\n                status.style.opacity = 0;\r\n                if (attempts >= maxAttempts) {\r\n                    endGame();\r\n                } else {\r\n                    playSound();\r\n                }\r\n            }, 1500);\r\n        }\r\n\r\n        function endGame() {\r\n            const endMessage = document.getElementById('end-message');\r\n            const restartBtn = document.getElementById('restart-btn');\r\n            endMessage.textContent = `Quiz Over! You scored ${score} out of ${maxAttempts}.`;\r\n            restartBtn.style.display = 'inline';\r\n        }\r\n\r\n        function restartGame() {\r\n            score = 0;\r\n            attempts = 0;\r\n            document.getElementById('status').textContent = '';\r\n            document.getElementById('end-message').textContent = '';\r\n            document.getElementById('restart-btn').style.display = 'none';\r\n            generateButtons();\r\n        }\r\n\r\n        generateButtons();\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>\u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u063a\u064a\u0644<\/p>",
        "protected": false
    },
    "author": 2,
    "featured_media": 0,
    "comment_status": "closed",
    "ping_status": "open",
    "sticky": false,
    "template": "elementor_header_footer",
    "format": "standard",
    "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": "set",
        "ast-page-background-enabled": "default",
        "ast-page-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": "",
                "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": ""
    },
    "categories": [
        1,
        69
    ],
    "tags": [],
    "class_list": [
        "post-2109",
        "post",
        "type-post",
        "status-publish",
        "format-standard",
        "hentry",
        "category-uncategorized",
        "category-lesson"
    ],
    "_links": {
        "self": [
            {
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/posts\/2109",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/posts"
            }
        ],
        "about": [
            {
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/types\/post"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/users\/2"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/comments?post=2109"
            }
        ],
        "version-history": [
            {
                "count": 0,
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/posts\/2109\/revisions"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/media?parent=2109"
            }
        ],
        "wp:term": [
            {
                "taxonomy": "category",
                "embeddable": true,
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/categories?post=2109"
            },
            {
                "taxonomy": "post_tag",
                "embeddable": true,
                "href": "https:\/\/kalematquran.com\/ar\/wp-json\/wp\/v2\/tags?post=2109"
            }
        ],
        "curies": [
            {
                "name": "\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}