{"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":"\t\t<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;\">Restart<\/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>\n\t\t","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}]}}