index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rock Paper Scissor</title>
  <link rel="stylesheet" href="style.css">

</head>
<body>
  <div class="container">
    <div class="game">
      <p class="title">Rock Paper Scissors</p>
      
      <!-- we are changing the onclick() to the .addEventListener(). make sure to add class to the element. -->
      <div class="all-btn">
        <button class="move-btn js-rock-btn">
          <img class="move-icons" src="./image/rock-emoji.png" alt="rock emoji image">
        </button>

        <button class="move-btn js-paper-btn">
          <img src="./image/paper-emoji.png" class="move-icons" alt="paper emoji image">
        </button>

        <button class="move-btn js-scissor-btn">
          <img src="./image/scissor-emoji.png" class="move-icons" alt="scissors emoji image">
        </button>
      </div>

      <p class="js-result result"></p>
      <p class="js-moves moves-sign"></p>
      
      <p class="js-score score"></p>

      <button class="resetBtn js-reset-btn">Reset Score</button>

      <button class="auto-play-btn js-autoplay-btn">Start Auto Play</button>
      <p class="js-reset-confirmation reset-confirmation"></p>
    </div>
  </div>
  
  <script src="./script.js"></script>
</body>
</html>