index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Dice Game</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Pacifico&display=swap" rel="stylesheet">
</head>

<body>

<button class="btn" onclick="rollDice()"><h1>Refresh Me</h1></button>

  <div class="container">
    <div class="player p-1">
      <h2>Player 1</h2>
      <i class="fas fa-dice-one"></i>
    </div>
    <div class="player p-2">
      <h2>Player 2</h2>
      <i class="fas fa-dice-six"></i>
    </div>
  </div>


</body>
<footer>
  <p>Copyright by Martin Gajdos</p>
  <script src="https://kit.fontawesome.com/62b61c5ccd.js" crossorigin="anonymous"></script>
<script src="index.js" charset="utf-8"></script>
</footer>

</html>