index.html

<html>
  <head>
    <title>Warhammer Dice</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" href="styles.css" media="all" rel="stylesheet">
  </head>
  <body>
    <div class="inputs">
      <div class="row">
        <div class="half">
          <label for="dice"># Dice</label>
          <input type="tel" name="dice" />
        </div>
        <div class="half">
          <label for="sum">Hits Needed</label>
          <input type="tel" name="sum" />
        </div>
      </div>

      <a href="#" id="submit" class="btn">Calculate</a>
    </div>


    <div id="result"></div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="./main.js"></script>
  </body>
</html>