to-do-app.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TO-DO APP USING JS</title>
    <link rel = "stylesheet" href="to-do.css"/>
    
</head>
<body>

   <!-- <h1>TO DO APP</h1> 
   <h3>Enter "list" to show all tasks  </h3>
   <h3>Enter "add'" to add a task</h3>
   <h3>Enter "delete" to remove a task</h3>
   <h3>Enter "quit" to quit todo</h3> -->
<div class="todo-container">
   <h1>Todo App</h1>
   <input placeholder="enter your task"/>
   <button>Add Task</button>
   <ul>
    <li>Eat <button class="delete">delete</button></li>
    <li>Sleep <button class="delete">delete</button></li>
   </ul>
</div>   
   <script src="to-do.js"></script>
</body>
</html>