{"id":449,"date":"2026-07-04T16:13:17","date_gmt":"2026-07-04T16:13:17","guid":{"rendered":"https:\/\/electoys.ir\/?page_id=449"},"modified":"2026-07-04T16:45:32","modified_gmt":"2026-07-04T16:45:32","slug":"game2","status":"publish","type":"page","link":"https:\/\/electoys.ir\/index.php\/game2\/","title":{"rendered":"game2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"449\" class=\"elementor elementor-449\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-866e067 e-flex e-con-boxed e-con e-parent\" data-id=\"866e067\" 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-57fe405 elementor-widget elementor-widget-html\" data-id=\"57fe405\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stroop-container\">\r\n<div id=\"brain-report\" class=\"brain-report hidden\">\r\n\r\n    <h2>\ud83e\udde0 Brain Performance Report<\/h2>\r\n\r\n    <div class=\"report-grid\">\r\n\r\n        <div class=\"report-card\">\r\n            <span>Final Score<\/span>\r\n            <strong id=\"final-score\">0<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"report-card\">\r\n            <span>Accuracy<\/span>\r\n            <strong id=\"final-accuracy\">0%<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"report-card\">\r\n            <span>Average Reaction<\/span>\r\n            <strong id=\"reaction-time\">0 ms<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"report-card\">\r\n            <span>Brain Rating<\/span>\r\n            <strong id=\"brain-rating\">Beginner<\/strong>\r\n        <\/div>\r\n        <div id=\"achievement-badge\" class=\"achievement-badge\">\r\n\r\n\ud83e\udd49 Bronze Scientist\r\n\r\n<\/div>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"brain-feedback\" class=\"brain-feedback\">\r\n\r\n    <\/div>\r\n\r\n    <button id=\"play-again\">\r\n        Play Again\r\n    <\/button>\r\n\r\n<\/div>\r\n    <div class=\"stroop-header\">\r\n        <span class=\"stroop-badge\">\ud83e\udde0 Neuroscience Test<\/span>\r\n\r\n        <h2>Stroop Challenge<\/h2>\r\n\r\n        <p>\r\n            Click the <strong>COLOR<\/strong> of the word, not the word itself.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stroop-stats\">\r\n\r\n        <div class=\"stat-box\">\r\n            <span class=\"stat-title\">Score<\/span>\r\n            <span id=\"score\">0<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box\">\r\n            <span class=\"stat-title\">Time<\/span>\r\n            <span id=\"time\">30<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box\">\r\n            <span class=\"stat-title\">Accuracy<\/span>\r\n            <span id=\"accuracy\">100%<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<div class=\"progress-wrapper\">\r\n\r\n    <div id=\"progress-bar\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"combo-box\">\r\n\r\n    \ud83d\udd25 Combo x1\r\n\r\n<\/div>\r\n    <div class=\"stroop-card\">\r\n\r\n        <div id=\"stroop-word\">\r\n            BLUE\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"answer-grid\">\r\n\r\n    <button class=\"answer-btn red\" data-color=\"red\">\r\n        Red\r\n    <\/button>\r\n\r\n    <button class=\"answer-btn blue\" data-color=\"blue\">\r\n        Blue\r\n    <\/button>\r\n\r\n    <button class=\"answer-btn green\" data-color=\"green\">\r\n        Green\r\n    <\/button>\r\n\r\n    <button class=\"answer-btn yellow\" data-color=\"yellow\">\r\n        Yellow\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n    <button id=\"start-game\">\r\n        Start Challenge\r\n    <\/button>\r\n    <audio id=\"correctSound\">\r\n<source src=\"https:\/\/actions.google.com\/sounds\/v1\/cartoon\/pop.ogg\">\r\n<\/audio>\r\n\r\n<audio id=\"wrongSound\">\r\n<source src=\"https:\/\/actions.google.com\/sounds\/v1\/cartoon\/wood_plank_flicks.ogg\">\r\n<\/audio>\r\n    \r\n    <style>\r\n    .achievement-badge{\r\n\r\ndisplay:inline-block;\r\n\r\nmargin-top:25px;\r\n\r\npadding:14px 28px;\r\n\r\nborder-radius:999px;\r\n\r\nbackground:rgba(255,255,255,.05);\r\n\r\nborder:1px solid rgba(0,212,255,.25);\r\n\r\nfont-size:22px;\r\n\r\nfont-weight:bold;\r\n\r\ncolor:#00D4FF;\r\n\r\nanimation:pulseBadge 2s infinite;\r\n\r\n}\r\n\r\n@keyframes pulseBadge{\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.06);\r\n\r\n}\r\n\r\n}\r\n\r\n    .hidden{\r\n\r\ndisplay:none;\r\n\r\n}\r\n\r\n.brain-report{\r\n\r\nmargin-top:60px;\r\n\r\npadding:40px;\r\n\r\nborder-radius:30px;\r\n\r\nbackground:rgba(255,255,255,.03);\r\n\r\nborder:1px solid rgba(0,212,255,.15);\r\n\r\nanimation:fadeUp .6s;\r\n}\r\n\r\n.report-grid{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\nrepeat(auto-fit,minmax(180px,1fr));\r\n\r\ngap:20px;\r\n\r\nmargin:40px 0;\r\n\r\n}\r\n\r\n.report-card{\r\n\r\npadding:25px;\r\n\r\nborder-radius:20px;\r\n\r\nbackground:rgba(255,255,255,.03);\r\n\r\nborder:1px solid rgba(0,212,255,.12);\r\n\r\n}\r\n\r\n.report-card span{\r\n\r\ndisplay:block;\r\n\r\ncolor:#8DA8C1;\r\n\r\nmargin-bottom:12px;\r\n\r\n}\r\n\r\n.report-card strong{\r\n\r\nfont-size:34px;\r\n\r\ncolor:#00D4FF;\r\n\r\n}\r\n\r\n.brain-feedback{\r\n\r\nmargin-top:30px;\r\n\r\nfont-size:22px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:white;\r\n\r\n}\r\n\r\n#play-again{\r\n\r\nmargin-top:40px;\r\n\r\npadding:16px 40px;\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\n}\r\n\r\n@keyframes fadeUp{\r\n\r\nfrom{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(40px);\r\n\r\n}\r\n\r\nto{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n}\r\n\r\n.stroop-container{\r\n\r\n    max-width:900px;\r\n    margin:auto;\r\n    padding:60px;\r\n    border-radius:30px;\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    backdrop-filter:blur(20px);\r\n\r\n    border:1px solid rgba(0,212,255,.15);\r\n\r\n    text-align:center;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.stroop-container::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:500px;\r\n    height:500px;\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    right:-250px;\r\n\r\n    animation:glowMove 8s infinite ease-in-out;\r\n}\r\n\r\n@keyframes glowMove{\r\n\r\n    0%,100%{\r\n\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n\r\n        transform:scale(1.3);\r\n    }\r\n\r\n}\r\n\r\n.stroop-header{\r\n\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.stroop-badge{\r\n\r\n    display:inline-block;\r\n\r\n    padding:10px 18px;\r\n\r\n    border-radius:999px;\r\n\r\n    border:1px solid rgba(0,212,255,.25);\r\n\r\n    color:#00D4FF;\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n.stroop-header h2{\r\n\r\n    color:white;\r\n\r\n    font-size:54px;\r\n\r\n    margin:10px 0;\r\n}\r\n\r\n.stroop-header p{\r\n\r\n    color:#B8C4D0;\r\n\r\n    font-size:20px;\r\n}\r\n\r\n.stroop-stats{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n    gap:20px;\r\n\r\n    margin:50px 0;\r\n}\r\n\r\n.stat-box{\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n\r\n    border:1px solid rgba(0,212,255,.12);\r\n\r\n    border-radius:20px;\r\n\r\n    padding:20px;\r\n}\r\n\r\n.stat-title{\r\n\r\n    display:block;\r\n\r\n    color:#8DA8C1;\r\n\r\n    margin-bottom:10px;\r\n}\r\n\r\n.stat-box span:last-child{\r\n\r\n    color:#00D4FF;\r\n\r\n    font-size:32px;\r\n\r\n    font-weight:bold;\r\n}\r\n\r\n.stroop-card{\r\n\r\n    margin:60px auto;\r\n\r\n    width:320px;\r\n    height:180px;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    border-radius:25px;\r\n\r\n    background:\r\n    rgba(255,255,255,.02);\r\n\r\n    border:2px solid rgba(0,212,255,.2);\r\n}\r\n\r\n#stroop-word{\r\n\r\n    font-size:72px;\r\n\r\n    font-weight:900;\r\n\r\n    color:#3498db;\r\n\r\n    letter-spacing:5px;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.answer-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n    gap:20px;\r\n\r\n    margin-top:40px;\r\n}\r\n\r\n.answer-btn{\r\n\r\n    padding:18px;\r\n\r\n    border:none;\r\n\r\n    border-radius:18px;\r\n\r\n    background:#111827;\r\n\r\n    color:white;\r\n\r\n    cursor:pointer;\r\n\r\n    font-size:18px;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.answer-btn:hover{\r\n\r\n    transform:translateY(-5px);\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(0,212,255,.3);\r\n}\r\n\r\n.red{\r\n\r\n    border:2px solid #ff4d4d;\r\n}\r\n\r\n.blue{\r\n\r\n    border:2px solid #3aa6ff;\r\n}\r\n\r\n.green{\r\n\r\n    border:2px solid #32d27a;\r\n}\r\n\r\n.yellow{\r\n\r\n    border:2px solid #f1c40f;\r\n}\r\n\r\n#start-game{\r\n\r\n    margin-top:50px;\r\n\r\n    padding:18px 45px;\r\n\r\n    border:none;\r\n\r\n    border-radius:999px;\r\n\r\n    background:#00D4FF;\r\n\r\n    color:black;\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:bold;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n#start-game:hover{\r\n\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:\r\n    0 0 35px rgba(0,212,255,.4);\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.stroop-container{\r\n\r\npadding:30px;\r\n\r\n}\r\n\r\n.stroop-header h2{\r\n\r\nfont-size:40px;\r\n\r\n}\r\n\r\n.stroop-stats{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.answer-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.stroop-card{\r\n\r\nwidth:100%;\r\n\r\nheight:160px;\r\n\r\n}\r\n\r\n#stroop-word{\r\n\r\nfont-size:54px;\r\n\r\n}\r\n\r\n}\r\n.progress-wrapper{\r\n\r\n    width:100%;\r\n\r\n    height:10px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:rgba(255,255,255,.08);\r\n\r\n    margin:30px 0;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n#progress-bar{\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        #00D4FF,\r\n        #4DE3FF\r\n    );\r\n\r\n    transition:width .8s linear;\r\n\r\n}\r\n#combo-box{\r\n\r\n    display:inline-block;\r\n\r\n    margin-bottom:25px;\r\n\r\n    padding:10px 22px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:rgba(0,212,255,.08);\r\n\r\n    border:1px solid rgba(0,212,255,.2);\r\n\r\n    color:#00D4FF;\r\n\r\n    font-weight:bold;\r\n\r\n    transition:.3s;\r\n\r\n}\r\n#stroop-word{\r\n\r\n    font-size:72px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:4px;\r\n\r\n    transition:\r\n\r\n        transform .25s,\r\n\r\n        opacity .25s,\r\n\r\n        color .25s;\r\n\r\n}\r\n.correct-answer{\r\n\r\n    animation:correctFlash .4s;\r\n\r\n}\r\n\r\n@keyframes correctFlash{\r\n\r\n0%{\r\n\r\ntransform:scale(1);\r\n\r\n}\r\n\r\n50%{\r\n\r\ntransform:scale(1.18);\r\n\r\n}\r\n\r\n100%{\r\n\r\ntransform:scale(1);\r\n\r\n}\r\n\r\n}\r\n.wrong-answer{\r\n\r\nanimation:wrongFlash .4s;\r\n\r\n}\r\n\r\n@keyframes wrongFlash{\r\n\r\n0%{\r\n\r\ntransform:translateX(0);\r\n\r\n}\r\n\r\n25%{\r\n\r\ntransform:translateX(-12px);\r\n\r\n}\r\n\r\n50%{\r\n\r\ntransform:translateX(12px);\r\n\r\n}\r\n\r\n75%{\r\n\r\ntransform:translateX(-8px);\r\n\r\n}\r\n\r\n100%{\r\n\r\ntransform:translateX(0);\r\n\r\n}\r\n\r\n}\r\n.confetti{\r\n\r\nposition:fixed;\r\n\r\ntop:-20px;\r\n\r\nwidth:8px;\r\n\r\nheight:16px;\r\n\r\nbackground:#00D4FF;\r\n\r\nanimation:fall 4s linear forwards;\r\n\r\nz-index:9999;\r\n\r\n}\r\n\r\n@keyframes fall{\r\n\r\nto{\r\n\r\ntransform:\r\n\r\ntranslateY(110vh)\r\n\r\nrotate(720deg);\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n    <script>\r\n        const bestScore =\r\nlocalStorage.getItem(\"stroopHighScore\") || 0;\r\n        \r\n        let reactionStart=0;\r\n\r\nlet reactionTimes=[];\r\n        let combo=1;\r\n\r\nconst comboBox=\r\ndocument.getElementById(\"combo-box\");\r\n\r\nconst progressBar=\r\ndocument.getElementById(\"progress-bar\");\r\n\r\nconst words=[\"RED\",\"BLUE\",\"GREEN\",\"YELLOW\"];\r\n\r\nconst colors={\r\n    RED:\"red\",\r\n    BLUE:\"blue\",\r\n    GREEN:\"green\",\r\n    YELLOW:\"yellow\"\r\n};\r\n\r\nconst cssColors={\r\n    red:\"#ff4d4d\",\r\n    blue:\"#3aa6ff\",\r\n    green:\"#32d27a\",\r\n    yellow:\"#f1c40f\"\r\n};\r\n\r\nlet score=0;\r\nlet correct=0;\r\nlet total=0;\r\nlet time=30;\r\nlet timer=null;\r\nlet gameRunning=false;\r\n\r\nconst wordElement=document.getElementById(\"stroop-word\");\r\nconst scoreElement=document.getElementById(\"score\");\r\nconst timeElement=document.getElementById(\"time\");\r\nconst accuracyElement=document.getElementById(\"accuracy\");\r\nconst startButton=document.getElementById(\"start-game\");\r\n\r\nlet currentAnswer=\"\";\r\n\r\nfunction randomItem(arr){\r\n\r\n    return arr[Math.floor(Math.random()*arr.length)];\r\n\r\n}\r\n\r\nfunction nextQuestion(){\r\n    reactionStart=Date.now();\r\n\r\n    const word=randomItem(words);\r\n\r\n    const displayColor=randomItem(words);\r\n\r\n    wordElement.innerText=word;\r\n\r\n    wordElement.style.color=\r\n    cssColors[colors[displayColor]];\r\n\r\n    currentAnswer=\r\n    colors[displayColor];\r\n\r\n}\r\n\r\nfunction updateStats(){\r\n\r\n    scoreElement.innerText=score;\r\n\r\n    if(total===0){\r\n\r\n        accuracyElement.innerText=\"100%\";\r\n\r\n    }else{\r\n\r\n        accuracyElement.innerText=\r\n        Math.round((correct\/total)*100)+\"%\";\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    correct=0;\r\n    total=0;\r\n    time=30;\r\n\r\n    updateStats();\r\n\r\n    timeElement.innerText=time;\r\n\r\n    startButton.innerText=\"Game Running\";\r\n\r\n    changeQuestion();\r\n    \r\n    function changeQuestion(){\r\n\r\n    wordElement.style.opacity=0;\r\n\r\n    wordElement.style.transform=\"scale(.8)\";\r\n\r\n    setTimeout(()=>{\r\n\r\n        nextQuestion();\r\n\r\n        wordElement.style.opacity=1;\r\n\r\n        wordElement.style.transform=\"scale(1)\";\r\n\r\n    },220);\r\n\r\n}\r\n\r\n    timer=setInterval(()=>{\r\nprogressBar.style.width=(time\/30)*100+\"%\";\r\n        time--;\r\n\r\n        timeElement.innerText=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}\r\n\r\nfunction endGame(){\r\n    if(score > bestScore){\r\n\r\nlocalStorage.setItem(\r\n\"stroopHighScore\",\r\nscore\r\n);\r\nif(score>=250){\r\n\r\ncelebrate();\r\n\r\n}\r\n}\r\n\r\nclearInterval(timer);\r\n\r\ngameRunning=false;\r\n\r\ndocument.querySelector(\".stroop-card\").style.display=\"none\";\r\n\r\ndocument.querySelector(\".answer-grid\").style.display=\"none\";\r\n\r\nstartButton.style.display=\"none\";\r\n\r\ndocument.getElementById(\"brain-report\").classList.remove(\"hidden\");\r\n\r\nconst accuracy=\r\ntotal==0?0:\r\nMath.round(correct\/total*100);\r\n\r\nconst averageReaction=\r\nreactionTimes.length==0\r\n?0:\r\nMath.round(\r\nreactionTimes.reduce((a,b)=>a+b,0)\r\n\/reactionTimes.length\r\n);\r\n\r\ndocument.getElementById(\"final-score\").innerHTML=score;\r\n\r\ndocument.getElementById(\"final-accuracy\").innerHTML=\r\naccuracy+\"%\";\r\n\r\ndocument.getElementById(\"reaction-time\").innerHTML=\r\naverageReaction+\" ms\";\r\n\r\nlet rating=\"\";\r\nlet feedback=\"\";\r\n\r\nif(score<80){\r\n\r\nrating=\"Explorer \ud83c\udf31\";\r\n\r\nfeedback=\r\n\"Great start! Keep practicing to improve your cognitive flexibility and attention.\";\r\n\r\n}\r\n\r\nelse if(score<180){\r\n\r\nrating=\"Scientist \ud83e\uddea\";\r\n\r\nfeedback=\r\n\"Excellent work! Your selective attention and inhibition skills are developing well.\";\r\n\r\n}\r\n\r\nelse if(score<300){\r\n\r\nrating=\"Expert \ud83e\udde0\";\r\n\r\nfeedback=\r\n\"Outstanding performance! You demonstrated strong executive control and fast decision-making.\";\r\n\r\n}\r\n\r\nelse{\r\n\r\nrating=\"Neuroscience Master \ud83d\udc51\";\r\n\r\nfeedback=\r\n\"Incredible! Your accuracy, reaction time, and cognitive flexibility were exceptional.\";\r\n\r\n}\r\n\r\ndocument.getElementById(\"brain-rating\").innerHTML=\r\nrating;\r\n\r\ndocument.getElementById(\"brain-feedback\").innerHTML=\r\nfeedback;\r\n\r\n}\r\n\r\nstartButton.addEventListener(\"click\",startGame);\r\n\r\ndocument.querySelectorAll(\".answer-btn\").forEach(button=>{\r\n\r\n    button.addEventListener(\"click\",()=>{\r\n\r\n        if(!gameRunning) return;\r\n\r\n        total++;\r\n        reactionTimes.push(\r\nDate.now()-reactionStart\r\n);\r\n\r\n        if(button.dataset.color===currentAnswer){\r\n\r\n            score+=10*combo;\r\n\r\ncorrect++;\r\n\r\ncombo++;\r\n\r\ncomboBox.innerHTML=\"\ud83d\udd25 Combo x\"+combo;\r\n\r\nwordElement.classList.remove(\"correct-answer\");\r\n\r\nvoid wordElement.offsetWidth;\r\n\r\nwordElement.classList.add(\"correct-answer\");\r\n\r\n            button.style.transform=\"scale(1.08)\";\r\n\r\n            setTimeout(()=>{\r\n\r\n                button.style.transform=\"\";\r\n\r\n            },150);\r\n\r\n        }else{\r\n\r\n            combo=1;\r\n\r\ncomboBox.innerHTML=\"\ud83d\udd25 Combo x1\";\r\n\r\nscore=Math.max(0,score-5);\r\n\r\nwordElement.classList.remove(\"wrong-answer\");\r\n\r\nvoid wordElement.offsetWidth;\r\n\r\nwordElement.classList.add(\"wrong-answer\");\r\n\r\n            button.animate([\r\n                {transform:\"translateX(-6px)\"},\r\n                {transform:\"translateX(6px)\"},\r\n                {transform:\"translateX(0)\"}\r\n            ],{\r\n                duration:250\r\n            });\r\n\r\n        }\r\n\r\n        updateStats();\r\n\r\n        nextQuestion();\r\n\r\n    });\r\n\r\n});\r\n\r\ndocument\r\n.getElementById(\"play-again\")\r\n.addEventListener(\"click\",()=>{\r\n\r\nlocation.reload();\r\n\r\n});\r\n\r\ndocument\r\n.getElementById(\"correctSound\")\r\n.play();\r\n\r\ndocument\r\n.getElementById(\"wrongSound\")\r\n.play();\r\n\r\nfunction celebrate(){\r\n\r\nfor(let i=0;i<80;i++){\r\n\r\nconst piece=\r\ndocument.createElement(\"div\");\r\n\r\npiece.className=\"confetti\";\r\n\r\npiece.style.left=\r\nMath.random()*100+\"vw\";\r\n\r\npiece.style.animationDelay=\r\nMath.random()+\"s\";\r\n\r\ndocument.body.appendChild(piece);\r\n\r\nsetTimeout(()=>{\r\n\r\npiece.remove();\r\n\r\n},5000);\r\n\r\n}\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 Brain Performance Report Final Score 0 Accuracy 0% Average Reaction 0 ms Brain Rating Beginner \ud83e\udd49 Bronze Scientist Play Again \ud83e\udde0 Neuroscience Test Stroop Challenge Click the COLOR of the word, not the word itself. Score 0 Time 30 Accuracy 100% \ud83d\udd25 Combo x1 BLUE Red Blue Green Yellow 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-449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/449","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=449"}],"version-history":[{"count":19,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/449\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/pages\/449\/revisions\/472"}],"wp:attachment":[{"href":"https:\/\/electoys.ir\/index.php\/wp-json\/wp\/v2\/media?parent=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}