html\ejs

<%- include('partials/header'); -%>

<body>

  <script>
    window.onload = () =>{
        alert("fully loaded");
    }
  </script>

<div id="formDiv" class="flexbox-container">
  <form action="/addword" method="post" class="ml-auto mr-auto mt-auto mb-auto" id="wordaddFrom" required>
<div class="form-group">
    <input type="text" class="form-control" id="wordInput" name="wordInput" placeholder="Word" required>
</div>
<div class="form-group">
      <input type="text" class="form-control" id="defInput" name="defInput" placeholder="Definition" required>
</div>
<div class="form-group">
      <input type="text" class="form-control" id="exInput" name="exInput" placeholder="Example" required>
</div>
<div class="form-group">
      <input type="text" class="form-control" id="defInput" name="titleInput" placeholder="Title" required>
</div>
<div class="form-group">
<select class="form-control" name=genreInput placeholder="Genre">
 <option value="" disabled selected hidden>Genre</option>
  <option>Games</option>
  <option>Movies</option>
  <option>Books</option>
</select>
</div>
<ul class="list-inline">
  <li class="list-inline-item"><button type="submit" class="btn btn-primary">Submit</button></li>
</ul>
</form>
</div>


</body>


<%- include('partials/footer'); -%>