Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Todo List</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="app">
      <form class="top-form" onsubmit="addItem(event)">
        <div class="auto-complete">
          <input id="newTodo" type="text" list="suggestions" />
          <datalist id="suggestions">
            <option value="Math Assignment"></option>
            <option value="C# Assignment"></option>
            <option value="Java Assignment"></option>
          </datalist>
        </div>
        <button>+</button>
      </form>
      <div class="list-card">
        <h3 class="no-item-message">Please add a todo</h3>
        <ul id="list-items">
        </ul>
      </div>
    </div>
    <script src="script.js"></script>
  </body>
</html>