To Do List source code

Loading…

To Do List source code | GoSnippets

Source Code

1<!-- List wrapper -->
2<div id="listWrapper">
3  
4  <!-- List title -->
5  <div id="title">
6    <input id="titleInput" type="text" placeholder="My List" maxlength="21">
7    <i class="fa fa-pencil-alt"></i>
8  </div>
9
10  <div id="separator"></div>
11
12  <!-- To do items -->
13  <div id="itemsWrapper">
14    <div class="item">
15      <!-- New items are created here -->
16    </div>
17  </div>
18
19  <!-- Add a new item -->
20  <div id="addNewItemWrapper">
21    <input type="text" id="addNewItemInput" maxlength="30">
22    <button id="addNewItemBtn"><i class="fas fa-plus"></i></button>
23  </div>
24  
25</div>
26
27<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js'></script>

To Do List source code

Source Code

More Utilities snippets

Comments(0)