/********************************************************** RPSLS GAME Created by K137 2018 Images resource: http://picoplex.net/games/rpslp/index.html **********************************************************/ 'use strict'; window.init = (w, d) => { w.q = 0; w.m = w.Math; w.is = m.floor(w.innerWidth / 5); w.ps = 0; w.cs = 0; w.main = d.querySelector('#main'); w.weapons = d.querySelector('#weapons'); w.wpns = d.querySelectorAll('.weapon'); w.player = d.querySelector('#player'); w.computer = d.querySelector('#computer'); w.result = d.querySelector('#result'); main.style.gridTemplateColumns = `repeat(5, ${is}px)`; main.style.gridTemplateRows = `calc(100vh - ${is}px - ${is}px) ${is}px ${is}px`; weapons.style.gridTemplateColumns = `repeat(5, ${is}px)`; w.rnd = (q) => m.random() * q ^ 0; w.win = (who) => { if(who == 'p') result.innerHTML = `

=>YOU WIN=>

${++ps} // ${cs}

`; else result.innerHTML = `

<=COMP WIN<=

${ps} // ${++cs}

`; }; w.pick = (e, pp, cp) => { pp = e.target.id; cp = rnd(5); for(q of wpns) { if(q.id == e.target.id) continue; q.classList.remove(`${q.id}-ch`); q.classList.add(`${q.id}-un`); } e.target.classList.remove(`${e.target.id}-un`); e.target.classList.add(`${e.target.id}-ch`); for(q of Array.from(player.classList)) { player.classList.remove(q); } player.classList.add(`${e.target.id}-ch`); player.classList.add('rd'); switch(cp) { case 0: cp = 'rock'; break; case 1: cp = 'paper'; break; case 2: cp = 'scissors'; break; case 3: cp = 'lizard'; break; case 4: cp = 'spock'; break; } for(q of Array.from(computer.classList)) { computer.classList.remove(q); } computer.classList.add(`${cp}-ch`); computer.classList.add('rd'); //console.log(pp, cp); if(pp == cp) result.innerHTML = `

==DRAW==

${ps} // ${cs}

`; else if(pp == 'scissors' && cp == 'paper') win('p'); else if(cp == 'scissors' && pp == 'paper') win('c'); else if(pp == 'paper' && cp == 'rock') win('p'); else if(cp == 'paper' && pp == 'rock') win('c'); else if(pp == 'rock' && cp == 'lizard') win('p'); else if(cp == 'rock' && pp == 'lizard') win('c'); else if(pp == 'lizard' && cp == 'spock') win('p'); else if(cp == 'lizard' && pp == 'spock') win('c'); else if(pp == 'spock' && cp == 'scissors') win('p'); else if(cp == 'spock' && pp == 'scissors') win('c'); else if(pp == 'scissors' && cp == 'lizard') win('p'); else if(cp == 'scissors' && pp == 'lizard') win('c'); else if(pp == 'lizard' && cp == 'paper') win('p'); else if(cp == 'lizard' && pp == 'paper') win('c'); else if(pp == 'paper' && cp == 'spock') win('p'); else if(cp == 'paper' && pp == 'spock') win('c'); else if(pp == 'spock' && cp == 'rock') win('p'); else if(cp == 'spock' && pp == 'rock') win('c'); else if(pp == 'rock' && cp == 'scissors') win('p'); else if(cp == 'rock' && pp == 'scissors') win('c'); else console.error('error'); }; for(q of wpns) { q.addEventListener('click', (e) => pick(e), false); } }; window.addEventListener('load', () => init(window, document), false);