index.html

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - #07 days of code with JAVASCRIPT (alura)</title>
  <link rel="stylesheet" href="./style.css">

  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
<!-- partial:index.partial.html -->
<!---Day 1--->

<!---Day 3--->

<header class="header">
  <h1 class="title">Birthday calendar </h1>
</header>

<section class="register-section">

  <form class="form">
    
    <label for="name" class="label"> Name </label>
    <input class="input" name="name" type="text"  placeholder="Type a name" id="js-name" required>
    
      <label for="date" name="date" class="label"> Birthdate </label>
    <input class="input" name="date" type="date" id="js-date">
    
    <button class="submit" type="submit" id="js-submit"> Submit </button>
  </form>
  </section>

  <section class="table-section">
    <table class="table">
      <tr id="tr">
        <th>Name</th>
        <th>Birthdate</th>
        <th>Actions</th>
      </tr>
      <tr>
      </tr>
    </table>
  </section>

  <div class="tips">
    <span class="message" id="message1">To edit a date, just type the same name on input and make the alteration :)</span>
    <span class="message" id="2">Click on "X" to delete a person from the table</span>

  </div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>