34 lines
952 B
JavaScript
34 lines
952 B
JavaScript
|
(function($) {
|
||
|
|
'use strict';
|
||
|
|
$(function() {
|
||
|
|
var todoListItem = $('.todo-list');
|
||
|
|
var todoListInput = $('.todo-list-input');
|
||
|
|
$('.todo-list-add-btn').on("click", function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
var item = $(this).prevAll('.todo-list-input').val();
|
||
|
|
|
||
|
|
if (item) {
|
||
|
|
todoListItem.append("<li><div class='form-check'><label class='form-check-label'><input class='checkbox' type='checkbox'/>" + item + "<i class='input-helper'></i></label></div><i class='remove ti-trash'></i></li>");
|
||
|
|
todoListInput.val("");
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
todoListItem.on('change', '.checkbox', function() {
|
||
|
|
if ($(this).attr('checked')) {
|
||
|
|
$(this).removeAttr('checked');
|
||
|
|
} else {
|
||
|
|
$(this).attr('checked', 'checked');
|
||
|
|
}
|
||
|
|
|
||
|
|
$(this).closest("li").toggleClass('completed');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
todoListItem.on('click', '.remove', function() {
|
||
|
|
$(this).parent().remove();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
})(jQuery);
|