Glassmorphism Todo-List HTML, CSS, Javascript

 

Hello everyone, in this time I will shared how to make Simple Todo list with glassmorphism effect using HTML, CSS, Javascript. This app can help you to make list of task or thing that you want to do. You can use this application by writting in the text field and click the button with the plus icon to show your list that you have created. If you have completed the list, you can remove it with click button with trash icon however, if you dont want to delete it, you can click the button with check logo to give the line in the middle of the text.

How to make it

First, you should make 1 folder to save your image and 3 files with extension .html, .css, and  .js

Second, copy the code below and paste it in the file with .html extension

Third, copy the code below and paste it in the file with .css extension

Last, copy the code below and paste it in the file with .js extension

Or you can download the source code by clicking the button below

Download Source Code