-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.js
62 lines (50 loc) · 1.5 KB
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
const compChDisplay = document.getElementById('computer-choice')
const usrChDisplay = document.getElementById('user-choice')
const resultDisplay = document.getElementById('result')
const possibleChoices = document.querySelectorAll('button')
let usrCh
let computerChoice
let result
possibleChoices.forEach(possibleChoices => possibleChoices.addEventListener('click', (e) => {
usrCh = e.target.id
usrChDisplay.innerHTML = usrCh
genComputerChoice()
getResult()
}))
function genComputerChoice() {
const randromNumber = Math.floor(Math.random() * 3) + 1
if (randromNumber === 1) {
computerChoice = 'rock'
}
if (randromNumber === 2) {
computerChoice = 'scisors'
}
if (randromNumber === 3) {
computerChoice = 'paper'
}
compChDisplay.innerHTML = computerChoice
}
function getResult() {
if (computerChoice === usrCh) {
result = 'its a draw!'
}
if (computerChoice === 'rock' && usrCh === 'scisors') {
result = 'you lost!'
}
if (computerChoice === 'rock' && usrCh === 'paer') {
result = 'you win!'
}
if (computerChoice === 'paper' && usrCh === 'scisors') {
result = 'you win!'
}
if (computerChoice === 'paper' && usrCh === 'rock') {
result = 'you lost!'
}
if (computerChoice === 'scisors' && usrCh === 'rock') {
result = 'you win!'
}
if (computerChoice === 'scisors' && usrCh === 'paper') {
result = 'you lost!'
}
resultDisplay.innerHTML = result
}