how to make a to do list in html

Solutions on MaxInterview for how to make a to do list in html by the best coders in the world

Search
showing results for - "how to make a to do list in html"
Lea
12 Sep 2019
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>To-Do List App</title>
5 <script>
6  function addItem() {
7   var newItem = document.createElement("div");
8   newItem.innerHTML = document.getElementById("box").value;
9   newItem.onclick = removeItem;
10   document.getElementById("list").appendChild(newItem);
11   saveList();
12  }
13  function removeItem() {
14   document.getElementById("list").removeChild(this);
15   saveList();
16 </script>
17</head>
18<body>
19 <div class="header">
20 </div>
21 <div class="app">
22  <input type="text" id="box" value="Type here to add task"/>
23  <br/>
24  <input type="button" value="Add item" onclick="addItem();"/>
25  <br/>
26   <div id="list"></div>
27 </div>
28</body>
29</html>
similar questions
html listshtml list typehtml list inlinehow to make list in htmlhow to make a scrollable list in htmlnested list htmlhtml number listli htmlhtml create drop down listmultilevel list htmldefinition list in htmlunordered list in htmlhtml elements listlist item nesting html 27lists in htmlhtml definition list
queries leading to this page
to do list in html codehtml make a to do listhow to make to do list in htmlhow to make a to do list in htmlmake a to do list in html simplehow to make a to do list in htmlhtml to do listto do list htmlto do list htmlto do list html exampleshow to make a to do list in html