Untitled
unknown
javascript
a year ago
1.3 kB
11
Indexable
function saveTasks() {
let tasks = [];
$('#task-list li').each(function() {
let task = {
text: $(this).text(),
completed: $(this).hasClass('completed')
};
tasks.push(task);
});
localStorage.setItem('tasks', JSON.stringify(tasks));
}
function loadTasks() {
let tasks = JSON.parse(localStorage.getItem('tasks')) || [];
tasks.forEach(function(task) {
let taskItem = $('<li></li>');
taskItem.text(task.text);
if (task.completed) {
taskItem.addClass('completed');
}
$('#task-list').append(taskItem);
// Ponovno dodaj event listener-e za novo učitane zadatke
taskItem.find('input[type="checkbox"]').on('change', function() {
taskItem.toggleClass('completed');
saveTasks();
});
taskItem.find('.delete-btn').on('click', function() {
taskItem.remove();
saveTasks();
});
});
}
// Pozivamo loadTasks pri učitavanju stranice
$(document).ready(function() {
loadTasks();
$('#add-task-btn').on('click', function() {
// Dodavanje zadatka (kao u prethodnom primjeru)
saveTasks(); // Ažuriramo Local Storage nakon dodavanja zadatka
});
});Editor is loading...
Leave a Comment