Skip to main content

To Do List : HTML Code

 


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>To-Do-List</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="container">
    <div class="todo-app">
      <h2>To-Do list <img src="images/icon.png" alt="icon"></h2>
      <div class="row">
        <input type="text" id="input-box" placeholder="Add Your text">
        <button onclick="addTask()">
          Add
        </button>
      </div>
      <ul id="list-container">
        <!-- <li class="checked">Task 1</li>
    <li>Task 2</li>
    <li>Task 3</li> -->
      </ul>
    </div>
  </div>
  <script src="script.js"></script>
</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Grocery kart : Html and CSS

  HTML ==   < footer class = "footer" >     < div class = "container" >       < div class = "row" >         < div class = "footer-col" >           < h4 > company </ h4 >           < ul >             < li >< a href = "#" > about us </ a ></ li >             < li >< a href = "#" > our services </ a ></ li >             < li >< a href = "#" > privacy policy </ a ></ li >             < li >< a href = "#" > affiliate program </ a ></ li >           </ ul >         </ div >         < div class = "footer-col" >           ...
Post a Comment
Read more