-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.js
82 lines (65 loc) · 2.42 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
let score = JSON.parse(localStorage.getItem('score')) ||
{wins : 0,
losses : 0,
ties : 0
};
updateScoreElement();
function playGame(playerMove){
const computerMove = pickComputerMove();
let result ='';
if (playerMove==='Scissors'){
if(computerMove === 'Rock'){
result = 'You lose!'
} else if (computerMove === 'Paper'){
result='You win!'
} else if (computerMove === 'Scissors'){
result='Tie!'
}
}
else if(playerMove ==='Paper'){
if(computerMove === 'Rock'){
result = 'You win!'
} else if (computerMove === 'Paper'){
result='Tie!'
} else if (computerMove === 'Scissors'){
result='You lose!'
}
}else if (playerMove === 'Rock'){
if(computerMove === 'Rock'){
result = 'Tie!'
} else if (computerMove === 'Paper'){
result='You lose!'
} else if (computerMove === 'Scissors'){
result='You win!'
}
}
if(result==='You win!'){
score.wins += 1;
}else if(result ==='You lose!'){
score.losses += 1;
} else if (result === 'Tie!'){
score.ties += 1;
}
localStorage.setItem('score',JSON.stringify(score));
updateScoreElement();
document.querySelector('.js-result').innerHTML = result;
document.querySelector('.js-moves').innerHTML = `You <img class="move-icon" src="assets/${playerMove}-emoji.png" ><img class="move-icon" src="assets/${computerMove}-emoji.png" > Computer `;
}
function updateScoreElement(){
document.querySelector('.js-score')
.innerHTML = `Win: ${score.wins}, Losses: ${score.losses}, Tie:${score.ties}`;
}
function pickComputerMove(){
const randomNumber= Math.random();
let computerMove='';
if(randomNumber>= 0 && randomNumber< 1/3){
computerMove='Rock';
}
else if(randomNumber>= 1/3 && randomNumber< 2/3){
computerMove = 'Paper';
}
else if(randomNumber >= 2/3 && randomNumber<1){
computerMove='Scissors'
}
return computerMove;
}