Java-script-course/12-rock-paper-scissors.html at main · Dev-Soft-tech/Java-script-course · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Rock Paper Scissors</title>
    <link rel="stylesheet" rel="stylesheet" href="/styles/12-rock-paper-scissors.css">
  </head>
  <body>
    <p class="title">Rock Paper Scissors</p>
    <button class="move-button js-rock-button">
      <img src="/images/rock-emoji.png" alt="Rock Image" class="move-icon">
    </button>
    <button class="move-button js-paper-button">
      <img src="/images/paper-emoji.png" alt="Paper IMage" class="move-icon">
    </button>
    <button class="move-button js-scissors-button">
      <img src="/images/scissors-emoji.png" alt="Scissors image" class="move-icon">
    </button>
    <p class="js-result result"></p>
    <p class="js-moves"></p>
    <p class="js-score score"></p>
    <button onclick="
      score.wins = 0;
      score.loses = 0;
      score.ties = 0;
      localStorage.removeItem('score');
      updateScoreElement();
    " class="reset-score-button">Reset Score</button>
    <button class="auto-play-button" onclick="autoplay();">Auto PLay</button>
    <script src="scripts/12-rock-paper-scissors.js"></script>
  </body>
</html>