jQuery to do


To do list


December 2016

tools used

HTML, SCSS & jQuery


A to do list, created using jQuery for the interactions. Making use of the users input by taking the text from a text box on the click of a button and adding this to a list below. A counter is used to display the number of items. Items can be deleted and dragged to reorder, the drag part makes use of jQuery UI sortable() method. Enter or click the plus to add an item.


fade in/out methods. click functions to get text. key press and keyCode for clicking or pressing enter.

See the Pen To do 2017 jQuery by Harry Beckwith (@fun) on CodePen.

← Back to all projects