Create the Project

Create the following folder structure:

code text

todo-list/
└── index.html

On your index.html write the following placeholder html template:

code html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todolist Application</title>
</head>
<body>

    <h1>Todo List</h1>
    <input type="text"
            id="taskInput"
            placeholder="Add a task"
    /> 
    <button onclick="addTask()">Add Task</button>
    <ul id="taskList">Your tasks go here ...</ul>

</body>
</html

Open index.html in a web browser.

format_list_numbered Step 2 of 7

chevron_left Previous Next chevron_right