JavaScript-Course/10-rock-paper-sessiors.html at main · eashwarpaka/JavaScript-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
32
33
34
35
<!DOCTYPE html>
<html>
  <head>
    <title>Rock Paper Scissors</title>
    <link rel="stylesheet" href="10-rock-paper-sessiors.css">
  </head>
  <body>
    <p class="title">Rock Paper Scissors</p>

    <button onclick="playGame('rock')" class="move-button"><img src="rock-emoji.png" class="move-icon"></button>
    <button onclick="playGame('paper')" class="move-button"><img src="paper-emoji.png"  class="move-icon"></button>
    <button onclick="playGame('scissors')" class="move-button"><img src="scissors-emoji.png"  class="move-icon"></button>

    <p class="js-result result"></p>
    <p class="js-moves"> You <img src="rock-emoji.png"  class="move-icon"></p>
    <p class="js-score score"></p>

    <button onclick="
      score.wins = 0;
      score.losses = 0;
      score.ties = 0;
      localStorage.removeItem('score');
      updateScoreElement();
    " class="reset-button">Reset score</button>

<script src="10-rock-paper-sessiors.js"></script>

  </body>
</html>