{"id":15239,"date":"2025-09-03T16:02:46","date_gmt":"2025-09-03T14:02:46","guid":{"rendered":"https:\/\/ejaada.com\/?page_id=15239"},"modified":"2025-09-03T16:04:38","modified_gmt":"2025-09-03T14:04:38","slug":"%d8%a7%d9%84%d9%83%d9%84%d9%85%d8%a9-%d9%88%d8%ac%d9%85%d8%b9%d9%87%d8%a7","status":"publish","type":"page","link":"https:\/\/ejaada.com\/en\/%d8%a7%d9%84%d9%83%d9%84%d9%85%d8%a9-%d9%88%d8%ac%d9%85%d8%b9%d9%87%d8%a7\/","title":{"rendered":"The word and its plural"},"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 Arabic Plural Match | Word and Plural Game<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Scoped styles for the plural game widget *\/\r\n .plural-game-widget {\r\n --primary: #8220A5;\r\n --secondary: #B855D4;\r\n --success: #27ae60;\r\n --danger: #e74c3c;\r\n --warning: #f39c12;\r\n --light: #ffffff;\r\n --dark: #2c3e50;\r\n --shadow: 0 15px 35px rgba(130, 32, 165, 0.1);\r\n --card-shadow: 0 8px 25px rgba(130, 32, 165, 0.15);\r\n --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .plural-game-widget * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n .plural-game-widget {\r\n font-family: 'Tajawal', sans-serif;\r\n background: linear-gradient(135deg, #8220A5 0%, #B855D4 100%);\r\n color: var(--dark);\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: var(--shadow);\r\n max-width: 60%;\r\n max-width: query(1000px);\r\n margin: 20px auto;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .plural-game-widget .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n \/* Header *\/\r\n .plural-game-widget .header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n animation: fadeInDown 1s ease;\r\n }\r\n \r\n .plural-game-widget h1 {\r\n font-size: 2.8rem !important;\r\n color: white !important;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n margin-bottom: 10px !important;\r\n font-weight: 900 !important;\r\n line-height: 1.2 !important;\r\n }\r\n \r\n .plural-game-widget .subtitle {\r\n font-size: 1.2rem !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n font-weight: 400 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n \/* Game Controls *\/\r\n .plural-game-widget .controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n animation: fadeIn 1s ease 0.3s both;\r\n }\r\n \r\n .plural-game-widget button {\r\n background: linear-gradient(135deg, var(--success), #2ecc71) !important;\r\n color: white !important;\r\n border: none !important;\r\n padding: 15px 30px !important;\r\n font-size: 1.1rem !important;\r\n font-weight: bold !important;\r\n border-radius: 50px !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n box-shadow: var(--card-shadow) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n font-family: 'Tajawal', sans-serif !important;\r\n text-decoration: none !important;\r\n display: inline-block !important;\r\n min-width: auto !important;\r\n width: auto !important;\r\n height: auto !important;\r\n line-height: normal !important;\r\n text-align: center !important;\r\n vertical-align: baseline !important;\r\n }\r\n \r\n .plural-game-widget button::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 80% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;\r\n transition: left 0.5s !important;\r\n }\r\n \r\n .plural-game-widget button:hover::before {\r\n left: 100% !important;\r\n }\r\n \r\n .plural-game-widget button:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;\r\n }\r\n \r\n .plural-game-widget button:active {\r\n transform: translateY(1px) !important;\r\n }\r\n \r\n .plural-game-widget #new-game-btn {\r\n background: linear-gradient(135deg, var(--primary), #fb0707) !important;\r\n\r\n }\r\n \r\n\r\n \r\n \/* Stats *\/\r\n .plural-game-widget .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n animation: fadeIn 1s ease 0.5s both;\r\n }\r\n \r\n .plural-game-widget .stat-card {\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n padding: 20px !important;\r\n border-radius: 20px !important;\r\n text-align: center !important;\r\n box-shadow: var(--card-shadow) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n min-width: 120px !important;\r\n }\r\n \r\n .plural-game-widget .stat-number {\r\n font-size: 2rem !important;\r\n font-weight: bold !important;\r\n color: var(--primary) !important;\r\n display: block !important;\r\n }\r\n \r\n .plural-game-widget .stat-label {\r\n font-size: 0.9rem !important;\r\n color: #666 !important;\r\n margin-top: 5px !important;\r\n }\r\n \r\n \/* Game Board *\/\r\n .plural-game-widget .game-board {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n animation: fadeInUp 1s ease 0.7s both;\r\n }\r\n \r\n .plural-game-widget .column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n \r\n .plural-game-widget .column-header {\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n padding: 15px !important;\r\n border-radius: 15px !important;\r\n text-align: center !important;\r\n font-size: 1.3rem !important;\r\n font-weight: bold !important;\r\n color: var(--primary) !important;\r\n box-shadow: var(--card-shadow) !important;\r\n }\r\n \r\n .plural-game-widget .word-card {\r\n background: rgba(255, 255, 255, 0.95) !important;\r\n padding: 20px !important;\r\n margin-top: 10px !important;\r\n border-radius: 15px !important;\r\n text-align: center !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n box-shadow: var(--card-shadow) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 3px solid transparent !important;\r\n position: relative !important;\r\n font-size: 1.5rem !important;\r\n font-weight: bold !important;\r\n color: var(--dark) !important;\r\n }\r\n \r\n .plural-game-widget .word-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;\r\n }\r\n \r\n .plural-game-widget .word-card.selected {\r\n border-color: var(--primary) !important;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;\r\n color: white !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n .plural-game-widget .word-card.matched {\r\n background: linear-gradient(135deg, var(--success), #2ecc71) !important;\r\n color: white !important;\r\n cursor: not-allowed !important;\r\n animation: matchPulse 0.6s ease !important;\r\n }\r\n \r\n .plural-game-widget .word-card.wrong {\r\n animation: shake 0.5s ease !important;\r\n background: linear-gradient(135deg, var(--danger), #c0392b) !important;\r\n color: white !important;\r\n }\r\n \r\n \/* Connection Line *\/\r\n .plural-game-widget .connection-line {\r\n position: absolute;\r\n height: 3px;\r\n background: var(--success);\r\n border-radius: 2px;\r\n transform-origin: left center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 10;\r\n }\r\n \r\n .plural-game-widget .connection-line.show {\r\n opacity: 1;\r\n }\r\n \r\n \/* Completion Modal *\/\r\n .plural-game-widget .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.8) !important;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(5px);\r\n }\r\n \r\n .plural-game-widget .modal-content {\r\n background: white !important;\r\n padding: 40px !important;\r\n border-radius: 20px !important;\r\n text-align: center !important;\r\n box-shadow: var(--shadow) !important;\r\n animation: modalAppear 0.5s ease !important;\r\n max-width: 400px !important;\r\n margin: 20px !important;\r\n }\r\n \r\n .plural-game-widget .modal h2 {\r\n color: var(--success) !important;\r\n font-size: 2.5rem !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .plural-game-widget .modal p {\r\n font-size: 1.2rem !important;\r\n color: #666 !important;\r\n margin-bottom: 30px !important;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInDown {\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 fadeInUp {\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 fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes shake {\r\n 0%, 100% { transform: translateX(0); }\r\n 20%, 60% { transform: translateX(-10px); }\r\n 40%, 80% { transform: translateX(10px); }\r\n }\r\n \r\n @keyframes matchPulse {\r\n 0% { transform: scale(1.05); }\r\n 50% { transform: scale(1.15); }\r\n 100% { transform: scale(1.05); }\r\n }\r\n \r\n @keyframes modalAppear {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.7);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .plural-game-widget .game-board {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .plural-game-widget h1 {\r\n font-size: 2.2rem !important;\r\n }\r\n \r\n .plural-game-widget .stats {\r\n gap: 15px !important;\r\n }\r\n \r\n .plural-game-widget .word-card {\r\n font-size: 1.3rem !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .plural-game-widget .controls {\r\n flex-direction: column !important;\r\n }\r\n \r\n .plural-game-widget button {\r\n width: 100% !important;\r\n max-width: 200px !important;\r\n }\r\n \r\n .plural-game-widget .word-card {\r\n font-size: 1.2rem !important;\r\n padding: 15px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"plural-game-widget\">\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Word and collection game<\/h1>\r\n <p class=\"subtitle\">Connect each word to its correct plural.<\/p>\r\n <\/div>\r\n \r\n <div class=\"controls\">\r\n <button id=\"new-game-btn\">New game<\/button>\r\n \r\n <\/div>\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\" id=\"attempts\">0<\/span>\r\n <div class=\"stat-label\">attempts<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\" id=\"correct\">0<\/span>\r\n <div class=\"stat-label\">correct<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\" id=\"time\">00:00<\/span>\r\n <div class=\"stat-label\">the time<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"game-board\" id=\"game-board\">\r\n <div class=\"column\">\r\n <div class=\"column-header\">singular<\/div>\r\n <div id=\"singular-words\"><\/div>\r\n <\/div>\r\n <div class=\"column\">\r\n <div class=\"column-header\">Collection<\/div>\r\n <div id=\"plural-words\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Victory Modal -->\r\n <div class=\"modal\" id=\"victory-modal\">\r\n <div class=\"modal-content\">\r\n <h2>\ud83c\udf89 Excellent!<\/h2>\r\n <p>You have successfully completed the game!<\/p>\r\n <p>Attempts: <span id=\"final-attempts\"><\/span><\/p>\r\n <p>the time: <span id=\"final-time\"><\/span><\/p>\r\n <button onclick=\"newGame()\">play again<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n (function() {\r\n \/\/ Word pairs database\r\n const wordPairs = [\r\n { singular: \"\u0643\u062a\u0627\u0628\", plural: \"\u0643\u062a\u0628\" },\r\n { singular: \"\u0637\u0627\u0644\u0628\", plural: \"\u0637\u0644\u0627\u0628\" },\r\n { singular: \"\u0645\u0639\u0644\u0645\", plural: \"\u0645\u0639\u0644\u0645\u0648\u0646\" },\r\n { singular: \"\u0628\u064a\u062a\", plural: \"\u0628\u064a\u0648\u062a\" },\r\n { singular: \"\u0634\u062c\u0631\u0629\", plural: \"\u0623\u0634\u062c\u0627\u0631\" },\r\n { singular: \"\u0642\u0644\u0645\", plural: \"\u0623\u0642\u0644\u0627\u0645\" },\r\n { singular: \"\u0648\u0631\u0642\u0629\", plural: \"\u0623\u0648\u0631\u0627\u0642\" },\r\n { singular: \"\u0643\u0631\u0633\u064a\", plural: \"\u0643\u0631\u0627\u0633\u064a\" },\r\n { singular: \"\u0637\u0627\u0648\u0644\u0629\", plural: \"\u0637\u0627\u0648\u0644\u0627\u062a\" },\r\n { singular: \"\u0646\u0627\u0641\u0630\u0629\", plural: \"\u0646\u0648\u0627\u0641\u0630\" },\r\n { singular: \"\u0628\u0627\u0628\", plural: \"\u0623\u0628\u0648\u0627\u0628\" },\r\n { singular: \"\u0633\u064a\u0627\u0631\u0629\", plural: \"\u0633\u064a\u0627\u0631\u0627\u062a\" },\r\n { singular: \"\u0645\u062f\u0631\u0633\u0629\", plural: \"\u0645\u062f\u0627\u0631\u0633\" },\r\n { singular: \"\u0643\u062a\u0627\u0628\u0629\", plural: \"\u0643\u062a\u0627\u0628\u0627\u062a\" },\r\n { singular: \"\u0635\u0648\u0631\u0629\", plural: \"\u0635\u0648\u0631\" },\r\n { singular: \"\u0644\u0639\u0628\u0629\", plural: \"\u0623\u0644\u0639\u0627\u0628\" },\r\n { singular: \"\u0648\u0631\u062f\u0629\", plural: \"\u0648\u0631\u0648\u062f\" },\r\n { singular: \"\u0646\u062c\u0645\u0629\", plural: \"\u0646\u062c\u0648\u0645\" },\r\n { singular: \"\u0642\u0637\u0629\", plural: \"\u0642\u0637\u0637\" },\r\n { singular: \"\u0643\u0644\u0628\", plural: \"\u0643\u0644\u0627\u0628\" },\r\n { singular: \"\u0637\u0627\u0626\u0631\", plural: \"\u0637\u064a\u0648\u0631\" },\r\n { singular: \"\u0633\u0645\u0643\u0629\", plural: \"\u0623\u0633\u0645\u0627\u0643\" },\r\n { singular: \"\u062d\u062f\u064a\u0642\u0629\", plural: \"\u062d\u062f\u0627\u0626\u0642\" },\r\n { singular: \"\u0645\u0643\u062a\u0628\u0629\", plural: \"\u0645\u0643\u062a\u0628\u0627\u062a\" },\r\n { singular: \"\u062c\u0627\u0645\u0639\u0629\", plural: \"\u062c\u0627\u0645\u0639\u0627\u062a\" },\r\n { singular: \"\u0645\u0633\u062a\u0634\u0641\u0649\", plural: \"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a\" },\r\n { singular: \"\u0635\u062f\u064a\u0642\", plural: \"\u0623\u0635\u062f\u0642\u0627\u0621\" },\r\n { singular: \"\u0648\u0644\u062f\", plural: \"\u0623\u0648\u0644\u0627\u062f\" },\r\n { singular: \"\u0628\u0646\u062a\", plural: \"\u0628\u0646\u0627\u062a\" },\r\n { singular: \"\u0631\u062c\u0644\", plural: \"\u0631\u062c\u0627\u0644\" },\r\n { singular: \"\u0627\u0645\u0631\u0623\u0629\", plural: \"\u0646\u0633\u0627\u0621\" },\r\n { singular: \"\u0637\u0641\u0644\", plural: \"\u0623\u0637\u0641\u0627\u0644\" },\r\n { singular: \"\u064a\u0648\u0645\", plural: \"\u0623\u064a\u0627\u0645\" },\r\n { singular: \"\u0644\u064a\u0644\u0629\", plural: \"\u0644\u064a\u0627\u0644\u064a\" },\r\n { singular: \"\u0634\u0647\u0631\", plural: \"\u0634\u0647\u0648\u0631\" },\r\n { singular: \"\u0633\u0646\u0629\", plural: \"\u0633\u0646\u0648\u0627\u062a\" },\r\n { singular: \"\u0633\u0627\u0639\u0629\", plural: \"\u0633\u0627\u0639\u0627\u062a\" },\r\n { singular: \"\u062f\u0642\u064a\u0642\u0629\", plural: \"\u062f\u0642\u0627\u0626\u0642\" },\r\n { singular: \"\u0645\u062f\u064a\u0646\u0629\", plural: \"\u0645\u062f\u0646\" },\r\n { singular: \"\u0642\u0631\u064a\u0629\", plural: \"\u0642\u0631\u0649\" },\r\n { singular: \"\u0634\u0627\u0631\u0639\", plural: \"\u0634\u0648\u0627\u0631\u0639\" },\r\n { singular: \"\u0645\u062d\u0644\", plural: \"\u0645\u062d\u0644\u0627\u062a\" },\r\n { singular: \"\u0645\u0637\u0639\u0645\", plural: \"\u0645\u0637\u0627\u0639\u0645\" },\r\n { singular: \"\u0641\u0646\u062f\u0642\", plural: \"\u0641\u0646\u0627\u062f\u0642\" },\r\n { singular: \"\u0645\u0633\u062c\u062f\", plural: \"\u0645\u0633\u0627\u062c\u062f\" },\r\n { singular: \"\u0643\u0646\u064a\u0633\u0629\", plural: \"\u0643\u0646\u0627\u0626\u0633\" }\r\n ];\r\n \r\n let currentGame = [];\r\n let selectedCard = null;\r\n let matchedPairs = 0;\r\n let attempts = 0;\r\n let gameTime = 0;\r\n let gameTimer;\r\n let isGameActive = false;\r\n \r\n function shuffleArray(array) {\r\n const newArray = [...array];\r\n for (let i = newArray.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\r\n }\r\n return newArray;\r\n }\r\n \r\n function selectRandomPairs() {\r\n const shuffled = shuffleArray(wordPairs);\r\n return shuffled.slice(0, 5); \/\/ Select 5 random pairs\r\n }\r\n \r\n function renderGameBoard() {\r\n const singularContainer = document.getElementById('singular-words');\r\n const pluralContainer = document.getElementById('plural-words');\r\n \r\n singularContainer.innerHTML = '';\r\n pluralContainer.innerHTML = '';\r\n \r\n \/\/ Create shuffled arrays for display\r\n const singulars = shuffleArray(currentGame.map((pair, index) => ({\r\n word: pair.singular,\r\n id: `singular-${index}`,\r\n pairIndex: index,\r\n type: 'singular'\r\n })));\r\n \r\n const plurals = shuffleArray(currentGame.map((pair, index) => ({\r\n word: pair.plural,\r\n id: `plural-${index}`,\r\n pairIndex: index,\r\n type: 'plural'\r\n })));\r\n \r\n \/\/ Render singular words\r\n singulars.forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'word-card';\r\n card.id = item.id;\r\n card.textContent = item.word;\r\n card.dataset.pairIndex = item.pairIndex;\r\n card.dataset.type = item.type;\r\n card.onclick = () => selectCard(card);\r\n singularContainer.appendChild(card);\r\n });\r\n \r\n \/\/ Render plural words\r\n plurals.forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'word-card';\r\n card.id = item.id;\r\n card.textContent = item.word;\r\n card.dataset.pairIndex = item.pairIndex;\r\n card.dataset.type = item.type;\r\n card.onclick = () => selectCard(card);\r\n pluralContainer.appendChild(card);\r\n });\r\n }\r\n \r\n function selectCard(card) {\r\n if (!isGameActive || card.classList.contains('matched')) return;\r\n \r\n if (selectedCard === null) {\r\n \/\/ First card selection\r\n selectedCard = card;\r\n card.classList.add('selected');\r\n } else if (selectedCard === card) {\r\n \/\/ Deselect the same card\r\n selectedCard.classList.remove('selected');\r\n selectedCard = null;\r\n } else {\r\n \/\/ Second card selection - check for match\r\n attempts++;\r\n updateStats();\r\n \r\n const firstPairIndex = parseInt(selectedCard.dataset.pairIndex);\r\n const secondPairIndex = parseInt(card.dataset.pairIndex);\r\n const firstType = selectedCard.dataset.type;\r\n const secondType = card.dataset.type;\r\n \r\n if (firstPairIndex === secondPairIndex && firstType !== secondType) {\r\n \/\/ Match found!\r\n setTimeout(() => {\r\n selectedCard.classList.remove('selected');\r\n selectedCard.classList.add('matched');\r\n card.classList.add('matched');\r\n \r\n matchedPairs++;\r\n updateStats();\r\n \r\n \/\/ Check if game is complete\r\n if (matchedPairs === currentGame.length) {\r\n endGame();\r\n }\r\n \r\n selectedCard = null;\r\n }, 300);\r\n } else {\r\n \/\/ No match\r\n card.classList.add('wrong');\r\n selectedCard.classList.add('wrong');\r\n \r\n setTimeout(() => {\r\n selectedCard.classList.remove('selected', 'wrong');\r\n card.classList.remove('wrong');\r\n selectedCard = null;\r\n }, 1000);\r\n }\r\n }\r\n }\r\n \r\n function updateStats() {\r\n document.getElementById('attempts').textContent = attempts;\r\n document.getElementById('correct').textContent = matchedPairs;\r\n }\r\n \r\n function startTimer() {\r\n gameTimer = setInterval(() => {\r\n gameTime++;\r\n const minutes = Math.floor(gameTime \/ 60);\r\n const seconds = gameTime % 60;\r\n document.getElementById('time').textContent = \r\n `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\r\n }, 1000);\r\n }\r\n \r\n function stopTimer() {\r\n clearInterval(gameTimer);\r\n }\r\n \r\n function newGame() {\r\n \/\/ Reset game state\r\n currentGame = selectRandomPairs();\r\n selectedCard = null;\r\n matchedPairs = 0;\r\n attempts = 0;\r\n gameTime = 0;\r\n isGameActive = true;\r\n \r\n \/\/ Reset UI\r\n updateStats();\r\n document.getElementById('time').textContent = '00:00';\r\n document.getElementById('victory-modal').style.display = 'none';\r\n \r\n renderGameBoard();\r\n stopTimer();\r\n startTimer();\r\n }\r\n \r\n \r\n \r\n function endGame() {\r\n isGameActive = false;\r\n stopTimer();\r\n \r\n \/\/ Show victory modal\r\n document.getElementById('final-attempts').textContent = attempts;\r\n const minutes = Math.floor(gameTime \/ 60);\r\n const seconds = gameTime % 60;\r\n document.getElementById('final-time').textContent = \r\n `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\r\n \r\n setTimeout(() => {\r\n document.getElementById('victory-modal').style.display = 'flex';\r\n }, 1000);\r\n }\r\n \r\n \/\/ Make functions available globally for onclick handlers\r\n window.newGame = newGame;\r\n \r\n \/\/ Event listeners\r\n document.getElementById('new-game-btn').addEventListener('click', newGame);\r\n \r\n \/\/ Close modal when clicking outside\r\n document.getElementById('victory-modal').addEventListener('click', (e) => {\r\n if (e.target.id === 'victory-modal') {\r\n e.target.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Initialize game\r\n newGame();\r\n })();\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>Arabic Plural Match | \u0644\u0639\u0628\u0629 \u0627\u0644\u0643\u0644\u0645\u0629 \u0648\u062c\u0645\u0639\u0647\u0627 \u0644\u0639\u0628\u0629 \u0627\u0644\u0643\u0644\u0645\u0629 \u0648\u062c\u0645\u0639\u0647\u0627 \u0648\u0635\u0644 \u0643\u0644 \u0643\u0644\u0645\u0629 \u0628\u062c\u0645\u0639\u0647\u0627 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0639\u0628\u0629 \u062c\u062f\u064a\u062f\u0629 0 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a 0 \u0635\u062d\u064a\u062d 00:00 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0641\u0631\u062f \u0627\u0644\u062c\u0645\u0639 \ud83c\udf89 \u0645\u0645\u062a\u0627\u0632! \u0644\u0642\u062f \u0623\u0643\u0645\u0644\u062a \u0627\u0644\u0644\u0639\u0628\u0629 \u0628\u0646\u062c\u0627\u062d! \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a: \u0627\u0644\u0648\u0642\u062a: \u0644\u0639\u0628 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649<\/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-15239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15239","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=15239"}],"version-history":[{"count":4,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15239\/revisions"}],"predecessor-version":[{"id":15243,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/15239\/revisions\/15243"}],"wp:attachment":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/media?parent=15239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}