diff --git a/Games/RockPaperScissors/0paper.png b/Games/RockPaperScissors/0paper.png new file mode 100644 index 0000000..39c07c6 Binary files /dev/null and b/Games/RockPaperScissors/0paper.png differ diff --git a/Games/RockPaperScissors/0rock.png b/Games/RockPaperScissors/0rock.png new file mode 100644 index 0000000..664b9fa Binary files /dev/null and b/Games/RockPaperScissors/0rock.png differ diff --git a/Games/RockPaperScissors/0scissors.png b/Games/RockPaperScissors/0scissors.png new file mode 100644 index 0000000..8f9711d Binary files /dev/null and b/Games/RockPaperScissors/0scissors.png differ diff --git a/Games/RockPaperScissors/main.js b/Games/RockPaperScissors/main.js index 77a680e..7de53f9 100644 --- a/Games/RockPaperScissors/main.js +++ b/Games/RockPaperScissors/main.js @@ -10,20 +10,31 @@ window.onload = () => { for(let i=0;i<3;i++){ let choice = document.createElement("img"); choice.id = choices[i]; - choice.src = `${choices[i]}.png`; + choice.src = `0${choices[i]}.png`; choice.setAttribute("draggable", "false"); - choice.addEventListener("click", selectChoice); + choice.addEventListener("click", function() { + selectChoice(false, this.id); + }); document.getElementById("choices").append(choice); } } -function selectChoice(){ - you = this.id; - document.getElementById("your-choice").src = `${you}.png`; - - opponent = choices[Math.floor(Math.random()*3)]; - document.getElementById("opponent-choice").src = `${opponent}.png`; +document.addEventListener('keyup', (event) => { + if(event.key === '1' || event.key === '+'){ + you = 'rock'; + selectChoice(true); + } + if(event.key === '2' || event.key === 'ě'){ + you = 'paper'; + selectChoice(true); + } + if(event.key === '3' || event.key === 'š'){ + you = 'scissors'; + selectChoice(true); + } +}); +function outcome(you, opponent){ if(you===opponent){ playerScore++; opponentScore-=-1; @@ -51,6 +62,19 @@ function selectChoice(){ } } } +} + +function selectChoice(fast, choice = null){ + if(!fast && choice !== null){ + you = choice; + } + document.getElementById("your-choice").src = `${you}.png`; + + opponent = choices[Math.floor(Math.random()*3)]; + document.getElementById("opponent-choice").src = `${opponent}.png`; + + outcome(you, opponent); + document.getElementById("opponent-score").innerHTML = opponentScore; document.getElementById("your-score").innerHTML = playerScore; } \ No newline at end of file diff --git a/index.html b/index.html index 951f89b..c640ca8 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@
Age:
-
+