{"id":435,"date":"2026-06-16T16:05:33","date_gmt":"2026-06-16T16:05:33","guid":{"rendered":"https:\/\/electoys.ir\/?page_id=435"},"modified":"2026-06-16T16:11:51","modified_gmt":"2026-06-16T16:11:51","slug":"game","status":"publish","type":"page","link":"https:\/\/electoys.ir\/index.php\/game\/","title":{"rendered":"game"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"435\" class=\"elementor elementor-435\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18b08dc e-flex e-con-boxed e-con e-parent\" data-id=\"18b08dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fabd11 elementor-widget elementor-widget-html\" data-id=\"9fabd11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"memory-game\">\r\n\r\n    <h2>\ud83e\udde0 Memory Matrix Challenge<\/h2>\r\n\r\n    <p>\r\n        Memorize the highlighted squares and repeat the pattern.\r\n    <\/p>\r\n\r\n    <div class=\"game-info\">\r\n\r\n        <span id=\"level\">Level: 1<\/span>\r\n\r\n        <span id=\"score\">Score: 0<\/span>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"grid\" class=\"grid\"><\/div>\r\n\r\n    <button id=\"startBtn\">\r\n        Start Game\r\n    <\/button>\r\n\r\n    <div id=\"message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.memory-game{\r\n\r\n    max-width:700px;\r\n\r\n    margin:auto;\r\n\r\n    text-align:center;\r\n\r\n    padding:50px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n\r\n    border:\r\n    1px solid rgba(0,212,255,.15);\r\n\r\n    backdrop-filter:blur(15px);\r\n}\r\n\r\n.memory-game h2{\r\n\r\n    color:white;\r\n\r\n    margin-bottom:15px;\r\n}\r\n\r\n.memory-game p{\r\n\r\n    color:#B8C4D0;\r\n}\r\n\r\n.game-info{\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:40px;\r\n\r\n    margin:25px 0;\r\n\r\n    color:#00D4FF;\r\n\r\n    font-weight:bold;\r\n}\r\n\r\n.grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(4,80px);\r\n\r\n    gap:12px;\r\n\r\n    justify-content:center;\r\n\r\n    margin:30px 0;\r\n}\r\n\r\n.cell{\r\n\r\n    width:80px;\r\n\r\n    height:80px;\r\n\r\n    border-radius:15px;\r\n\r\n    background:\r\n    rgba(255,255,255,.05);\r\n\r\n    border:\r\n    1px solid rgba(0,212,255,.15);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.25s;\r\n}\r\n\r\n.cell:hover{\r\n\r\n    border-color:#00D4FF;\r\n}\r\n\r\n.cell.active{\r\n\r\n    background:#00D4FF;\r\n\r\n    box-shadow:\r\n    0 0 20px #00D4FF,\r\n    0 0 40px #00D4FF;\r\n}\r\n\r\n.cell.correct{\r\n\r\n    background:#00ff88;\r\n}\r\n\r\n.cell.wrong{\r\n\r\n    background:#ff4444;\r\n}\r\n\r\n#startBtn{\r\n\r\n    padding:15px 35px;\r\n\r\n    border:none;\r\n\r\n    border-radius:999px;\r\n\r\n    background:#00D4FF;\r\n\r\n    color:#000;\r\n\r\n    font-weight:bold;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n#message{\r\n\r\n    margin-top:25px;\r\n\r\n    color:white;\r\n\r\n    font-size:22px;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst grid =\r\ndocument.getElementById(\"grid\");\r\n\r\nconst levelText =\r\ndocument.getElementById(\"level\");\r\n\r\nconst scoreText =\r\ndocument.getElementById(\"score\");\r\n\r\nconst message =\r\ndocument.getElementById(\"message\");\r\n\r\nconst startBtn =\r\ndocument.getElementById(\"startBtn\");\r\n\r\nlet level = 1;\r\nlet score = 0;\r\n\r\nlet pattern = [];\r\nlet playerPattern = [];\r\n\r\nconst totalCells = 16;\r\n\r\nfor(let i=0;i<totalCells;i++){\r\n\r\n    const cell =\r\n    document.createElement(\"div\");\r\n\r\n    cell.classList.add(\"cell\");\r\n\r\n    cell.dataset.index = i;\r\n\r\n    grid.appendChild(cell);\r\n\r\n}\r\n\r\nconst cells =\r\ndocument.querySelectorAll(\".cell\");\r\n\r\nfunction startGame(){\r\n\r\n    playerPattern = [];\r\n\r\n    pattern = [];\r\n\r\n    let count =\r\n    Math.min(level + 1,10);\r\n\r\n    while(pattern.length < count){\r\n\r\n        let rand =\r\n        Math.floor(Math.random()*16);\r\n\r\n        if(!pattern.includes(rand)){\r\n\r\n            pattern.push(rand);\r\n\r\n        }\r\n\r\n    }\r\n\r\n    showPattern();\r\n\r\n}\r\n\r\nfunction showPattern(){\r\n\r\n    message.innerHTML =\r\n    \"Memorize...\";\r\n\r\n    let delay = 0;\r\n\r\n    pattern.forEach(index=>{\r\n\r\n        setTimeout(()=>{\r\n\r\n            cells[index]\r\n            .classList.add(\"active\");\r\n\r\n        },delay);\r\n\r\n        setTimeout(()=>{\r\n\r\n            cells[index]\r\n            .classList.remove(\"active\");\r\n\r\n        },delay+700);\r\n\r\n        delay += 900;\r\n\r\n    });\r\n\r\n    setTimeout(()=>{\r\n\r\n        message.innerHTML =\r\n        \"Your Turn\";\r\n\r\n    },delay);\r\n\r\n}\r\n\r\ncells.forEach(cell=>{\r\n\r\n    cell.addEventListener(\"click\",()=>{\r\n\r\n        if(message.innerHTML !==\r\n        \"Your Turn\") return;\r\n\r\n        let index =\r\n        Number(cell.dataset.index);\r\n\r\n        cell.classList.add(\"active\");\r\n\r\n        setTimeout(()=>{\r\n\r\n            cell.classList.remove(\"active\");\r\n\r\n        },300);\r\n\r\n        playerPattern.push(index);\r\n\r\n        if(playerPattern.length === pattern.length){\r\n\r\n            checkPattern();\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\nfunction checkPattern(){\r\n\r\n    let correct =\r\n    playerPattern.every(\r\n    item =>\r\n    pattern.includes(item)\r\n    );\r\n\r\n    if(correct){\r\n\r\n        score += level * 10;\r\n\r\n        level++;\r\n\r\n        scoreText.innerHTML =\r\n        \"Score: \" + score;\r\n\r\n        levelText.innerHTML =\r\n        \"Level: \" + level;\r\n\r\n        message.innerHTML =\r\n        \"Correct!\";\r\n\r\n        setTimeout(startGame,1200);\r\n\r\n    }else{\r\n\r\n        message.innerHTML =\r\n        \"Game Over<br>Final Score: \"\r\n        + score;\r\n\r\n        level = 1;\r\n        score = 0;\r\n\r\n        levelText.innerHTML =\r\n        \"Level: 1\";\r\n\r\n        scoreText.innerHTML =\r\n        \"Score: 0\";\r\n\r\n    }\r\n\r\n}\r\n\r\nstartBtn.addEventListener(\r\n\"click\",\r\nstartGame\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\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>\ud83e\udde0 Memory Matrix Challenge Memorize the highlighted squares and repeat the pattern. Level: 1 Score: 0 Start Game<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":5,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}