Untitled
unknown
javascript
a year ago
1.1 kB
10
Indexable
$(document).ready(function() {
// Funkcija za dodavanje novog zadatka
$('#add-task-btn').on('click', function() {
let taskText = $('#new-task').val();
if (taskText === "") return;
// Kreiramo novu stavku (li) sa checkboxom i dugmetom za brisanje
let taskItem = $('<li></li>');
taskItem.html(`<input type="checkbox"> ${taskText} <button class="delete-btn">Obriši</button>`);
// Dodajemo zadatak u listu
$('#task-list').append(taskItem);
// Praznimo input polje
$('#new-task').val('');
// Funkcionalnost za označavanje zadatka kao završenog
taskItem.find('input[type="checkbox"]').on('change', function() {
taskItem.toggleClass('completed');
});
// Funkcionalnost za brisanje zadatka
taskItem.find('.delete-btn').on('click', function() {
taskItem.remove();
});
});
});Editor is loading...
Leave a Comment