index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>PhysioSE</title>
  <link rel="stylesheet" href="node_modules/xel/stylesheets/macos.theme.css">
  <link rel="stylesheet" href="styles/custom.css">
  <script src="node_modules/xel/xel.min.js"></script>
  <script src="dist/subject.js"></script>
  <script src="dist/questions.js"></script>
</head>

<body>
  <div class="content">
    <div>
      <form>
        <x-input id="subjectID">
          <x-icon name="receipt"></x-icon>
          <x-label>Student ID</x-label>
        </x-input>
        <button type="submit">
          Continue
        </button>
      </form>
    </div>
  </div>
</body>

<script>
  const form = document.querySelector('form');
  form.addEventListener('submit', createSubject);
  form.addEventListener('submit', createQuestionWindow);
</script>

</html>