{"id":473,"date":"2026-07-04T17:56:49","date_gmt":"2026-07-04T17:56:49","guid":{"rendered":"https:\/\/electoys.ir\/?page_id=473"},"modified":"2026-07-04T18:02:24","modified_gmt":"2026-07-04T18:02:24","slug":"game3","status":"publish","type":"page","link":"https:\/\/electoys.ir\/index.php\/game3\/","title":{"rendered":"game3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"473\" class=\"elementor elementor-473\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05ebe1 e-flex e-con-boxed e-con e-parent\" data-id=\"d05ebe1\" 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-afcdd41 elementor-widget elementor-widget-html\" data-id=\"afcdd41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gonogo-game\">\r\n\r\n    <div class=\"gonogo-glow\"><\/div>\r\n\r\n    <div class=\"gonogo-header\">\r\n\r\n        <span class=\"game-badge\">\r\n            \ud83e\udde0 Executive Function Test\r\n        <\/span>\r\n\r\n        <h2>Go \/ No-Go Challenge<\/h2>\r\n\r\n        <p>\r\n            Click only the <strong>green circle<\/strong>. Ignore every other shape.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"game-stats\">\r\n\r\n        <div class=\"stat-card\">\r\n\r\n            <span class=\"stat-title\">\r\n                Score\r\n            <\/span>\r\n\r\n            <span id=\"score\">\r\n                0\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stat-card\">\r\n\r\n            <span class=\"stat-title\">\r\n                Time\r\n            <\/span>\r\n\r\n            <span id=\"timer\">\r\n                45\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stat-card\">\r\n\r\n            <span class=\"stat-title\">\r\n                Lives\r\n            <\/span>\r\n\r\n            <span id=\"lives\">\r\n                \u2764\ufe0f\u2764\ufe0f\u2764\ufe0f\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"play-area\">\r\n\r\n        <div id=\"target\" class=\"target circle green\"><\/div>\r\n\r\n    <\/div>\r\n\r\n    <button id=\"startGame\">\r\n\r\n        Start Challenge\r\n\r\n    <\/button>\r\n    \r\n    <style>\r\n\r\n.gonogo-game{\r\n\r\n    max-width:950px;\r\n\r\n    margin:auto;\r\n\r\n    padding:60px;\r\n\r\n    border-radius:35px;\r\n\r\n    background:rgba(255,255,255,.04);\r\n\r\n    border:1px solid rgba(0,212,255,.15);\r\n\r\n    backdrop-filter:blur(20px);\r\n\r\n    overflow:hidden;\r\n\r\n    position:relative;\r\n\r\n    text-align:center;\r\n\r\n}\r\n\r\n.gonogo-glow{\r\n\r\n    position:absolute;\r\n\r\n    width:600px;\r\n\r\n    height:600px;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n    rgba(0,212,255,.12),\r\n    transparent 70%);\r\n\r\n    top:-250px;\r\n\r\n    right:-200px;\r\n\r\n    animation:floatGlow 8s infinite ease-in-out;\r\n\r\n}\r\n\r\n@keyframes floatGlow{\r\n\r\n0%,100%{\r\n\r\ntransform:scale(1);\r\n\r\n}\r\n\r\n50%{\r\n\r\ntransform:scale(1.25);\r\n\r\n}\r\n\r\n}\r\n\r\n.game-badge{\r\n\r\ndisplay:inline-block;\r\n\r\npadding:10px 22px;\r\n\r\nborder-radius:999px;\r\n\r\nborder:1px solid rgba(0,212,255,.25);\r\n\r\ncolor:#00D4FF;\r\n\r\nmargin-bottom:20px;\r\n\r\n}\r\n\r\n.gonogo-header h2{\r\n\r\nfont-size:58px;\r\n\r\ncolor:white;\r\n\r\nmargin:15px 0;\r\n\r\n}\r\n\r\n.gonogo-header p{\r\n\r\nfont-size:20px;\r\n\r\ncolor:#B8C4D0;\r\n\r\n}\r\n\r\n.game-stats{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:repeat(3,1fr);\r\n\r\ngap:20px;\r\n\r\nmargin:50px 0;\r\n\r\n}\r\n\r\n.stat-card{\r\n\r\nbackground:rgba(255,255,255,.03);\r\n\r\npadding:25px;\r\n\r\nborder-radius:20px;\r\n\r\nborder:1px solid rgba(0,212,255,.15);\r\n\r\n}\r\n\r\n.stat-title{\r\n\r\ndisplay:block;\r\n\r\ncolor:#8DA8C1;\r\n\r\nmargin-bottom:10px;\r\n\r\n}\r\n\r\n.stat-card span:last-child{\r\n\r\nfont-size:34px;\r\n\r\nfont-weight:bold;\r\n\r\ncolor:#00D4FF;\r\n\r\n}\r\n\r\n.play-area{\r\n\r\nheight:420px;\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\nborder-radius:30px;\r\n\r\nbackground:rgba(255,255,255,.02);\r\n\r\nborder:2px solid rgba(0,212,255,.15);\r\n\r\nmargin:40px 0;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n.target{\r\n\r\ntransition:.3s;\r\n\r\ncursor:pointer;\r\n\r\n}\r\n\r\n.circle{\r\n\r\nwidth:130px;\r\n\r\nheight:130px;\r\n\r\nborder-radius:50%;\r\n\r\n}\r\n\r\n.green{\r\n\r\nbackground:#34d27b;\r\n\r\nbox-shadow:\r\n\r\n0 0 25px #34d27b,\r\n\r\n0 0 60px rgba(52,210,123,.5);\r\n\r\n}\r\n\r\n.red{\r\n\r\nbackground:#ff4d4d;\r\n\r\nbox-shadow:\r\n\r\n0 0 25px #ff4d4d,\r\n\r\n0 0 60px rgba(255,77,77,.5);\r\n\r\n}\r\n\r\n.square{\r\n\r\nborder-radius:18px;\r\n\r\n}\r\n\r\n.triangle{\r\n\r\nwidth:0;\r\n\r\nheight:0;\r\n\r\nborder-left:70px solid transparent;\r\n\r\nborder-right:70px solid transparent;\r\n\r\nborder-bottom:120px solid #34d27b;\r\n\r\nbackground:none;\r\n\r\nbox-shadow:none;\r\n\r\n}\r\n\r\n#startGame{\r\n\r\npadding:18px 50px;\r\n\r\nborder:none;\r\n\r\nborder-radius:999px;\r\n\r\nbackground:#00D4FF;\r\n\r\nfont-size:18px;\r\n\r\nfont-weight:bold;\r\n\r\ncursor:pointer;\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n#startGame:hover{\r\n\r\ntransform:translateY(-5px);\r\n\r\nbox-shadow:\r\n\r\n0 0 35px rgba(0,212,255,.45);\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.gonogo-game{\r\n\r\npadding:30px;\r\n\r\n}\r\n\r\n.gonogo-header h2{\r\n\r\nfont-size:38px;\r\n\r\n}\r\n\r\n.game-stats{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.play-area{\r\n\r\nheight:300px;\r\n\r\n}\r\n\r\n.circle{\r\n\r\nwidth:90px;\r\n\r\nheight:90px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst target = document.getElementById(\"target\");\r\n\r\nconst scoreElement = document.getElementById(\"score\");\r\nconst timerElement = document.getElementById(\"timer\");\r\nconst livesElement = document.getElementById(\"lives\");\r\nconst startButton = document.getElementById(\"startGame\");\r\nconst playArea = document.querySelector(\".play-area\");\r\n\r\nlet score = 0;\r\nlet lives = 3;\r\nlet time = 45;\r\n\r\nlet gameRunning = false;\r\nlet timer;\r\nlet targetTimer;\r\n\r\nlet targetType = \"green\";\r\n\r\nfunction moveTarget(){\r\n\r\n    const maxX = playArea.clientWidth - target.offsetWidth;\r\n\r\n    const maxY = playArea.clientHeight - target.offsetHeight;\r\n\r\n    const x = Math.random() * maxX;\r\n\r\n    const y = Math.random() * maxY;\r\n\r\n    target.style.position = \"absolute\";\r\n\r\n    target.style.left = x + \"px\";\r\n\r\n    target.style.top = y + \"px\";\r\n\r\n}\r\n\r\nfunction newTarget(){\r\n\r\n    moveTarget();\r\n\r\n    if(Math.random() < 0.7){\r\n\r\n        target.className = \"target circle green\";\r\n\r\n        targetType = \"green\";\r\n\r\n    }else{\r\n\r\n        target.className = \"target circle red\";\r\n\r\n        targetType = \"red\";\r\n\r\n    }\r\n\r\n}\r\n\r\nfunction startGame(){\r\n\r\n    if(gameRunning) return;\r\n\r\n    gameRunning = true;\r\n\r\n    score = 0;\r\n    lives = 3;\r\n    time = 45;\r\n\r\n    scoreElement.innerHTML = score;\r\n    timerElement.innerHTML = time;\r\n    livesElement.innerHTML = \"\u2764\ufe0f\u2764\ufe0f\u2764\ufe0f\";\r\n\r\n    startButton.style.display = \"none\";\r\n\r\n    newTarget();\r\n\r\n    timer = setInterval(()=>{\r\n\r\n        time--;\r\n\r\n        timerElement.innerHTML = time;\r\n\r\n        if(time <= 0){\r\n\r\n            endGame();\r\n\r\n        }\r\n\r\n    },1000);\r\n\r\n    targetTimer = setInterval(()=>{\r\n\r\n        if(targetType === \"green\"){\r\n\r\n            loseLife();\r\n\r\n        }\r\n\r\n        newTarget();\r\n\r\n    },1500);\r\n\r\n}\r\n\r\ntarget.addEventListener(\"click\",()=>{\r\n\r\n    if(!gameRunning) return;\r\n\r\n    if(targetType === \"green\"){\r\n\r\n        score += 10;\r\n\r\n        scoreElement.innerHTML = score;\r\n\r\n    }else{\r\n\r\n        loseLife();\r\n\r\n    }\r\n\r\n    newTarget();\r\n\r\n});\r\n\r\nfunction loseLife(){\r\n\r\n    lives--;\r\n\r\n    livesElement.innerHTML = \"\u2764\ufe0f\".repeat(Math.max(lives,0));\r\n\r\n    if(lives <= 0){\r\n\r\n        endGame();\r\n\r\n    }\r\n\r\n}\r\n\r\nfunction endGame(){\r\n\r\n    clearInterval(timer);\r\n\r\n    clearInterval(targetTimer);\r\n\r\n    gameRunning = false;\r\n\r\n    target.style.display = \"none\";\r\n\r\n    startButton.style.display = \"inline-block\";\r\n\r\n    startButton.innerHTML = \"Play Again\";\r\n\r\n}\r\n\r\nstartButton.addEventListener(\"click\",startGame);\r\n\r\nconst target=document.getElementById(\"target\");\r\n\r\ntarget.animate([\r\n\r\n{\r\ntransform:\"scale(1)\"\r\n},\r\n\r\n{\r\ntransform:\"scale(1.12)\"\r\n},\r\n\r\n{\r\ntransform:\"scale(1)\"\r\n}\r\n\r\n],{\r\n\r\nduration:1200,\r\n\r\niterations:Infinity\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/div>\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 Executive Function Test Go \/ No-Go Challenge Click only the green circle. Ignore every other shape. Score 0 Time 45 Lives \u2764\ufe0f\u2764\ufe0f\u2764\ufe0f Start Challenge<\/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-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/473","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=473"}],"version-history":[{"count":10,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":485,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions\/485"}],"wp:attachment":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}