/
app.js
83 lines (72 loc) · 2.82 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
83
const boxResultsH1 = document.querySelector(".result");
const computerIcon = document.querySelector(".Icon");
const allBtn = document.querySelectorAll("button");
const gameOptions = ["paper", "rock", "scissors"];
let userPoints = 0;
let computerPoints = 0;
const startGame = (e) => {
e.preventDefault();
const userChoose = e.target.className;
const randomChoose = getRandomOption();
compareResults(userChoose, randomChoose);
showResults(randomChoose);
};
const getRandomOption = () => {
const randomArrayElement = gameOptions[Math.floor(Math.random() * 3)];
return randomArrayElement;
};
const compareResults = (userChoose, randomChoose) => {
//for paper
if (userChoose === "paper") {
if (randomChoose === "scissors") {
computerPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} computer win`);
return `user: ${userChoose} computer: ${randomChoose} computer win`;
} else if (randomChoose === "rock") {
userPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} user win`);
return `user: ${userChoose} computer: ${randomChoose} user win`;
} else {
console.log(`user: ${userChoose} computer: ${randomChoose} tie`);
return `user: ${userChoose} computer: ${randomChoose} tie`;
}
}
//for rock
if (userChoose === "rock") {
if (randomChoose === "paper") {
computerPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} computer win`);
return `user: ${userChoose} computer: ${randomChoose} computer win`;
} else if (randomChoose === "scissors") {
userPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} user win`);
return `user: ${userChoose} computer: ${randomChoose} user win`;
} else {
console.log(`user: ${userChoose} computer: ${randomChoose} tie`);
return `user: ${userChoose} computer: ${randomChoose} tie`;
}
}
//for scisors
if (userChoose === "scissors") {
if (randomChoose === "rock") {
computerPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} computer win`);
return `user: ${userChoose} computer: ${randomChoose} computer win`;
} else if (randomChoose === "paper") {
userPoints++;
console.log(`user: ${userChoose} computer: ${randomChoose} user win`);
return `user: ${userChoose} computer: ${randomChoose} user win`;
} else {
console.log(`user: ${userChoose} computer: ${randomChoose} tie`);
return `user: ${userChoose} computer: ${randomChoose} tie`;
}
}
};
const showResults = (randomChoose) => {
const resultIcon = `<i class="far fa-hand-${randomChoose} fa-3x">`;
boxResultsH1.innerHTML = `${userPoints} : ${computerPoints}`;
computerIcon.innerHTML = resultIcon;
};
allBtn.forEach((button) => {
button.addEventListener("click", (e) => startGame(e));
});