const game={color:{red:0,green:0,blue:0},variation:{red:0,green:0,blue:0},right:0,total:0,possibilities:[[0,0,16],[0,16,0],[0,16,16],[16,0,0],[16,0,16],[16,16,0],[16,16,16],[0,0,-16],[0,-16,0],[0,-16,-16],[-16,0,0],[-16,0,-16],[-16,-16,0],[-16,-16,-16],[0,16,-16],[0,-16,16],[16,0,-16],[-16,0,16],[16,-16,0],[-16,16,0],[16,16,-16],[16,-16,16],[16,-16,-16],[-16,16,16],[-16,16,-16],[-16,-16,16]],min:50,correct:0,initialize:function(){const e=document.querySelectorAll(".boxes.mini .color-box");for(let t=0;t<e.length;t++)e[t].addEventListener("click",function(){this.dataset.value==game.correct?(document.querySelector("#scrim").classList.add("correct"),this.classList.add("right"),game.right++):(document.querySelector("#scrim").classList.add("incorrect"),this.classList.add("wrong"),document.querySelector(`[data-value='${game.correct}']`).classList.add("right")),game.total++,document.querySelector("#total").textContent=game.total,document.querySelector("#guessed").textContent=game.right,document.querySelector("#correct-color").style.backgroundColor=document.querySelector(`[data-value='${game.correct}']`).style.backgroundColor,document.querySelector("#picked-color").style.backgroundColor=this.style.backgroundColor});document.querySelector("#scrim button").addEventListener("click",function(){const e=document.querySelector("#scrim");e.classList.remove("correct"),e.classList.remove("incorrect"),game.generateGame()}),this.generateGame()},generateGame:function(){var e=document.querySelector(".right");e&&e.classList.remove("right");var t=document.querySelector(".wrong");t&&t.classList.remove("wrong"),document.querySelector("#correct-color").style.backgroundColor="rgba(0,0,0,0)",document.querySelector("#picked-color").style.backgroundColor="rgba(0,0,0,0)",this.color.red=this.min+Math.floor(Math.random()*(255-2*this.min)),this.color.green=this.min+Math.floor(Math.random()*(255-2*this.min)),this.color.blue=this.min+Math.floor(Math.random()*(255-2*this.min)),this.variation.red=Math.floor(Math.random()*this.min/2),this.variation.green=Math.floor(Math.random()*this.min/2),this.variation.blue=Math.floor(Math.random()*this.min/2),document.querySelector("#box-1").style.backgroundColor=`rgb(${this.color.red},${this.color.green},${this.color.blue})`,document.querySelector("#box-2").style.backgroundColor=`rgb(${this.color.red+this.variation.red},${this.color.green+this.variation.green},${this.color.blue+this.variation.blue})`,this.correct=Math.floor(4*Math.random()),document.querySelector("#color-"+this.correct).style.backgroundColor=`rgb(${this.color.red+2*this.variation.red},${this.color.green+2*this.variation.green},${this.color.blue+2*this.variation.blue})`;for(let e=0;e<4;e++)if(e!=this.correct){var o=Math.floor(Math.random()*this.possibilities.length);document.querySelector("#color-"+e).style.backgroundColor=`rgb(${this.color.red+this.variation.red+this.possibilities[o][0]},${this.color.green+this.variation.green+this.possibilities[o][1]},${this.color.blue+this.variation.blue+this.possibilities[o][2]})`}}};game.initialize();
|
