We need to retrieve the HTML element in our JavaScript file, hence the ids we define here make this process easier. We have created a div container to hold all of our main elements, inside this div we have 4 sub divs for each section of the page. You should familiar with HTML code above and easily understand what it’s about. Also, we need to add some buttons for editing, deleting and clearing the content. This HTML page should have some text displaying information about each section, i.g Add section, To-do section, and Completed section. Initially, we create an HTML page for what we intend to do, which is a to-do list. Finally, we slowly add some JavaScript code which orchestrate those features we have listed. ![]() We first quickly create a HTML page which resembles to what we sketched, then we can add some styling to make the app a little more attractive, you can come up with your own CSS to make it nicer if you want. After all, when the list becomes too verbose, we have a last option to clear all the tasks, both completed and uncompleted.īefore we dive in the coding process, let’s quickly sketch the outline of what we gonna do: Also, we want to make our app more flexible, so we add another option to delete an unfinished task. Next, after finishing a task, we should mark it as complete and move this task to another section. ![]() To start off, let’s define the list of features our to-do list app has:įirst off, out to do list app must need an option that we can add a task to the list, and later on, we can edit the task as we want.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |