index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>👊 | ✋ | ✌</title>
    <link
      rel="icon"
      href="https://image.flaticon.com/icons/svg/2285/2285485.svg"
      type="image/icon type"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
      integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1 class="title">👊 | ✋ | ✌</h1>
    <label for="inp">Play rock, paper or scissors</label>
    <div class="board" aria-label="Board">
      <h2>
        🤠 <span class="user">0</span> : <span class="computer">0</span> 💻
      </h2>
    </div>
    <form>
      <select
        name="count"
        id="count"
        title="Choose Game Count"
        aria-label="Game count"
      >
        <option value="5" selected>5</option>
        <option value="9">9</option>
        <option value="11">11</option>
        <option value="13">13</option>
        <option value="15">15</option>
      </select>
      <input
        id="inp"
        name="inp"
        type="text"
        maxlength="8"
        minlength="4"
        class="inp"
        title="Choose your fighter!"
        aria-autocomplete="none"
        autocomplete="off"
        aria-label="Write rock,paper or scissors."
      />
      <button class="btn" title="Play!" type="submit">
        <i class="fas fa-plus-square"></i>
      </button>
    </form>
    <div class="results"></div>
    <button class="restart hidden">Restart<i class="fas fa-undo"></i></button>
    <script src="./app.js"></script>
  </body>
</html>