simon says

javascript:const list=[]; var counted=0; var maxcount=4; var num=0; var allclicked=0; var clicked=0; var score=0; function gameover(){ alert("game over. your score was "+score+"."); green.parentNode.removeChild(green); blue.parentNode.removeChild(blue); yellow.parentNode.removeChild(yellow); red.parentNode.removeChild(red); me.parentNode.removeChild(me); scorer.parentNode.removeChild(scorer); } (function () { var green = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(green); green.style.position = 'fixed'; green.style.top = '0px'; green.style.left = '0px'; green.style.margin = '10px'; green.style.paddingTop = '40px'; green.style.width = '100px'; green.style.height = '100px'; green.style.zIndex = 10000; green.style.opacity = 0.6; green.style.color = 'black'; green.style.backgroundColor = 'green'; green.style.border = '0px solid white'; green.style.textAlign = 'center'; green.style.cursor = 'pointer'; green.id = 'green'; green.style.display = 'block'; green.innerText = 'green'; document.getElementById('green').addEventListener('click', function() { green.style.opacity = 1; if (list[clicked] != 1){ gameover(); } clicked=clicked+1; setTimeout(function() { green.style.opacity = 0.6; }, 500); }); }()); (function () { var red = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(red); red.style.position = 'fixed'; red.style.top = '0px'; red.style.left = '110px'; red.style.margin = '10px'; red.style.paddingTop = '40px'; red.style.width = '100px'; red.style.height = '100px'; red.style.zIndex = 10000; red.style.opacity = 0.6; red.style.color = 'black'; red.style.backgroundColor = 'red'; red.style.border = '0px solid white'; red.style.textAlign = 'center'; red.style.cursor = 'pointer'; red.id = 'red'; red.style.display = 'block'; red.innerText = 'red'; document.getElementById('red').addEventListener('click', function() { red.style.opacity = 1; if (list[clicked] != 2){ gameover(); } clicked=clicked+1; setTimeout(function() { red.style.opacity = 0.6; }, 500); }); }()); (function () { var yellow = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(yellow); yellow.style.position = 'fixed'; yellow.style.top = '110px'; yellow.style.left = '0px'; yellow.style.margin = '10px'; yellow.style.paddingTop = '40px'; yellow.style.width = '100px'; yellow.style.height = '100px'; yellow.style.zIndex = 10000; yellow.style.opacity = 0.6; yellow.style.color = 'black'; yellow.style.backgroundColor = 'yellow'; yellow.style.border = '0px solid white'; yellow.style.textAlign = 'center'; yellow.style.cursor = 'pointer'; yellow.id = 'yellow'; yellow.style.display = 'block'; yellow.innerText = 'yellow'; document.getElementById('yellow').addEventListener('click', function() { yellow.style.opacity = 1; if (list[clicked] != 3){ gameover(); } clicked=clicked+1; setTimeout(function() { yellow.style.opacity = 0.6; }, 500); }); }()); (function () { var blue = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(blue); blue.style.position = 'fixed'; blue.style.top = '110px'; blue.style.left = '110px'; blue.style.margin = '10px'; blue.style.paddingTop = '40px'; blue.style.width = '100px'; blue.style.height = '100px'; blue.style.zIndex = 10000; blue.style.opacity = 0.6; blue.style.color = 'black'; blue.style.backgroundColor = 'blue'; blue.style.border = '0px solid white'; blue.style.textAlign = 'center'; blue.style.cursor = 'pointer'; blue.id = 'blue'; blue.style.display = 'block'; blue.innerText = 'blue'; document.getElementById('blue').addEventListener('click', function() { blue.style.opacity = 1; if (list[clicked] != 4){ gameover(); } clicked=clicked+1; setTimeout(function() { blue.style.opacity = 0.6; }, 500); }); }()); (function () { var me = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(me); me.style.position = 'fixed'; me.style.top = '260px'; me.style.left = '0px'; me.style.margin = '10px'; me.style.paddingTop = '0px'; me.style.width = '210px'; me.style.height = '30px'; me.style.zIndex = 10000; me.style.opacity = 1; me.style.color = 'black'; me.style.backgroundColor = 'white'; me.style.border = '4px solid black'; me.style.textAlign = 'center'; me.style.cursor = 'pointer'; me.id = 'me'; me.style.display = 'block'; me.innerText = 'by dragonmaster73101'; document.getElementById('me').addEventListener('click', function() { window.open("https://github.com/dragon731012"); }); }()); (function () { var scorer = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(scorer); scorer.style.position = 'fixed'; scorer.style.top = '300px'; scorer.style.left = '0px'; scorer.style.margin = '10px'; scorer.style.paddingTop = '0px'; scorer.style.width = '210px'; scorer.style.height = '30px'; scorer.style.zIndex = 10000; scorer.style.opacity = 1; scorer.style.color = 'black'; scorer.style.backgroundColor = 'white'; scorer.style.border = '4px solid black'; scorer.style.textAlign = 'center'; scorer.style.cursor = 'pointer'; scorer.id = 'scorer'; scorer.style.display = 'block'; scorer.innerText = 'score: '+score+''; }()); (function () { var start = document.createElement('div'); var body = document.getElementsByTagName('body')[0]; body.appendChild(start); start.style.position = 'fixed'; start.style.top = '220px'; start.style.left = '0px'; start.style.margin = '10px'; start.style.paddingTop = '0px'; start.style.width = '210px'; start.style.height = '30px'; start.style.zIndex = 10000; start.style.opacity = 1; start.style.color = 'black'; start.style.backgroundColor = 'white'; start.style.border = '4px solid black'; start.style.textAlign = 'center'; start.style.cursor = 'pointer'; start.id = 'start'; start.style.display = 'block'; start.innerText = 'start'; document.getElementById('start').addEventListener('click', function() { scorer.style.top = '260px'; start.style.left='-99999999999999999999999999999px'; me.style.top='220px'; counted=0; maxcount=1; function show(){ if (counted<maxcount){ num=Math.floor(Math.random()*(4-1+1)+1); list.push(num); if (list[counted]==1){ green.style.opacity = 1; setTimeout(function() { green.style.opacity = 0.6; }, 500); } if (list[counted]==2){ red.style.opacity = 1; setTimeout(function() { red.style.opacity = 0.6; }, 500); } if (list[counted]==3){ yellow.style.opacity = 1; setTimeout(function() { yellow.style.opacity = 0.6; }, 500); } if (list[counted]==4){ blue.style.opacity = 1; setTimeout(function() { blue.style.opacity = 0.6; }, 500); } counted=counted+1; } } setInterval(show,1000); }); }()); function checkifallclicked(){ if (counted>=maxcount){ if (clicked>=maxcount){ score=score+1; clicked=0; maxcount=maxcount+1; counted=0; } } } function update(){ scorer.innerText = 'score: '+score+''; } setInterval(checkifallclicked,15); setInterval(update,15);