https://github.com/zhangshyue/javascript-to-do-list

Awesome two versions of javascript todolist. One hardcode version and one jQuery version.
https://github.com/zhangshyue/javascript-to-do-list

bootstrap css html jaascript jquery todolists

Last synced: 3 months ago
JSON representation

Awesome two versions of javascript todolist. One hardcode version and one jQuery version.

• Host: GitHub
• URL: https://github.com/zhangshyue/javascript-to-do-list
• Owner: zhangshyue
• Created: 2018-12-20T14:07:09.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-30T19:18:36.000Z (over 7 years ago)
• Last Synced: 2025-02-09T19:56:11.750Z (over 1 year ago)
• Topics: bootstrap, css, html, jaascript, jquery, todolists
• Language: JavaScript
• Homepage:
• Size: 1.23 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cool javascript-to-do-list

Two versions of similar design javacript to-do-list

The first version

The first version is a hard coded html, css and javascript. It can add item and edit item.

1.Add item



	
A user can hit enter in the text input or click on the button to add a new item

	
A user can choose whether or not the item has a start time

	
All items are classified into 6 types,represented by different color

	
Item without a time will be put at the front of the list



2.Edit item




	
Click on the Edit button to modify the content of the text input

	
Click on the Finished button to mark the item as finished

	
Delete the item by clicking the Delete button





The second version



The second version used Bootstrap and jQerry.Apart from adding item and editing item, it also has cool animation, draggable effect and UI design.