How to make fully responsive todo list using jQuery ?

Hello amazing people! Today I’m gonna share my todo list code here. Well this todo list is so basic there is no database connectivity its only the design but yeah you can add the items by clicking on the add button, edit them by clicking on the particular title and delete them by clicking on the trash icon which is in the right of all the titles.

Follow the link to see the output http://codepen.io/mukul6996/full/LNKoqx

Copy and paste the following code in one page and save it with the html extension.
And your output will look like this:-

mytodo

 

 

Click here to get Code

 

 

Instructions to use

To add items:- Click on the add button “+” on the top-right corner.

To edit items:- Click on the label/title and then start typing. Click any where on the screen to save the item you typed.

To delete  items:- Click on the delete button (looks like a trash icon) on the right corner of your particular item.

Share it if this is helpful 🙂

On the web:- http://codepen.io/mukul6996/full/LNKoqx

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s