todoapp.html

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="todoapp.css"
        <title>Todo List App</title>
       
    </head>
    <body>
        <h1>Todo List App</h1>
        <form>
            <input type="text" placeholder="Add a task" id="addTask">
            <button id="addButton">add</button>
        </form>
        <ul class="task-list">
            <li>
                <input type="checkbox" id="task1" />
                <label for="task1">Task 1</label>
                <button id="deleteButton1" class="delete">Delete</button>
            </li>
            <li>
                <input type="checkbox" id="task2" />
                <label for="task2">Task 2</label>
                <button id="deleteButton2" class="delete">Delete</button>
            </li>
        </ul>
     
        <script src="todoapp.js"></script>
    </body>
</html>