2 changed files with 20 additions and 12 deletions
+ 12
- 5
les-3/rock-paper-scissors/index.html
View File
| @@ -8,11 +8,18 @@ | |||
| </head> | |||
| <body> | |||
| <p id="print-solution"></p> | |||
| <button id="rock-button" type="button"></button> | |||
| <button id="paper-button" type="button"></button> | |||
| <button id="scissors-button" type="button"></button> | |||
| <p id="score"></p> | |||
| <p id="message"></p> | |||
| <div id="btn-container"> | |||
| <button id="rock-button">rock</button> | |||
| <button id="paper-button">paper</button> | |||
| <button id="scissors-button">scissors</button> | |||
| </div> | |||
| <p>User: <span id="user-score">0</span></p> | |||
| <p>AI: <span id="ai-score">0</span></p> | |||
| <p id="message">You win</p> | |||
| <script src="main.js"></script> | |||
| <div id="history-container"> | |||
| <p>User: rock | AI: paper</p> | |||
| </div> | |||
| </body> | |||
| </html> | |||
+ 8
- 7
les-3/rock-paper-scissors/main.js
View File
| @@ -14,15 +14,16 @@ | |||
| // > dit in uw output van dom steken zodat de getal wijzigt | |||
| // 3 add uw eventlistener wnr hij op een van de 3 buttons klikt spel begint dan in een for loop steken zodat hij reset op de maximumGames? | |||
| const printSolution = document.getElementById('print-solution'); | |||
| const rockButton = document.getElementById('rock-button'); | |||
| const paperButton = document.getElementById('paper-button'); | |||
| const scissorButton = document.getElementById('scissors-button'); | |||
| const score = document.getElementById('score'); | |||
| const message = document.getElementById('message'); | |||
| const $printSolution = document.getElementById('print-solution'); | |||
| const $rockButton = document.getElementById('rock-button'); | |||
| const $paperButton = document.getElementById('paper-button'); | |||
| const $scissorButton = document.getElementById('scissors-button'); | |||
| const $score = document.getElementById('score'); | |||
| const $message = document.getElementById('message'); | |||
| let compChoise = genRandomNumber(); | |||
| function genRandomNumber() { | |||
| const keuze = [rockButton, paperButton, scissorButton]; | |||
| const keuze = ['rock', 'paper', 'button']; | |||
| const randomNumber = Math.floor(Math.random() * 3); | |||
| return keuze[randomNumber]; | |||
| } | |||
Loading…