Rock-Paper-Scissor/script.js at main · Necro-Rohan/Rock-Paper-Scissor · GitHub

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
84
85
86
87
88
89
90
91
92
93
94
95
96
const score = JSON.parse(localStorage.getItem("score")) || {
  wins: 0,
  losses: 0,
  ties: 0,
};

updateScoreElement();

function computer() {
  const randomVariable = Math.random();
  if (randomVariable >= 0 && randomVariable < 1 / 3) {
    return "Rock";
  } else if (randomVariable >= 1 / 3 && randomVariable < 2 / 3) {
    return "Paper";
  } else if (randomVariable >= 2 / 3 && randomVariable < 1) {
    return "Scissors";
  }
}

function decisionMaker(move, compMove) {
  let result;
  if (move === compMove) {
    result = "Oh, It's a tie!";
  } else if (move === "Rock" && compMove === "Paper") {
    result = "Oops, You Lose!";
  } else if (move === "Rock" && compMove === "Scissors") {
    result = "Congrats, You won!";
  } else if (move === "Paper" && compMove === "Rock") {
    result = "Congrats, You won!";
  } else if (move === "Paper" && compMove === "Scissors") {
    result = "Oops, You Lose!";
  } else if (move === "Scissors" && compMove === "Rock") {
    result = "Oops, You Lose!";
  } else if (move === "Scissors" && compMove === "Paper") {
    result = "Congrats, You won!";
  }

  if (result === "Congrats, You won!") {
    score.wins++;
  } else if (result === "Oops, You Lose!") {
    score.losses++;
  } else {
    score.ties++;
  }
  // Save updated score to local storage
  localStorage.setItem("score", JSON.stringify(score));

  updateScoreElement();
  return result;
}

const winSound = new Audio("./sounds/won.wav");
const loseSound = new Audio("./sounds/lose.wav");
const tieSound = new Audio("./sounds/tie.wav");

function playGame(move) {

  let playerMove;
  if (move === "Rock") {
    playerMove = "./img/rock.png";
  } else if (move === "Paper") {
    playerMove = "./img/paper.png";
  } else {
    playerMove = "./img/scissor.png";
  }

  let compMove = computer();
  let cpMove;
  if (compMove === "Rock") {
    cpMove = "./img/rock.png";
  } else if (compMove === "Paper") {
    cpMove = "./img/paper.png";
  } else {
    cpMove = "./img/scissor.png";
  }
  let result = decisionMaker(move, compMove);

  if (result.includes("won")) {
    winSound.play();
  }else if (result.includes("Lose")) {
    loseSound.play();
  }else {
    tieSound.play();
  }

  document.querySelector(".js-decision").innerHTML = `<p> ${result} </p>`;
  document.querySelector(
    ".js-judgement"
  ).innerHTML = `<p> You picked <img class = "judgement-icon" src = ${playerMove}> Computer Picked <img src = ${cpMove} class = "judgement-icon"></p>`;
}

function updateScoreElement() {
  document.querySelector(
    ".js-score"
  ).innerHTML = `Wins: ${score.wins}, Losses: ${score.losses}, Ties: ${score.ties}`;
}