task/script.js at main · Shreedevi07/task · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
let tasks = [];

function addTask(){

    let input = document.getElementById("taskInput");

    let taskText = input.value.trim();

    if(taskText === ""){
        alert("Enter a task");
        return;
    }

    tasks.push(taskText);

    showTasks();

    input.value = "";
}

function deleteTask(index){

    tasks.splice(index, 1);

    showTasks();
}

function editTask(index){

    let updatedTask = prompt("Edit task:", tasks[index]);

    if(updatedTask !== null && updatedTask.trim() !== ""){

        tasks[index] = updatedTask;

        showTasks();
    }
}

function showTasks(){

    let list = document.getElementById("taskList");

    list.innerHTML = "";

    for(let i = 0; i < tasks.length; i++){

        list.innerHTML += `
        <li>

            <span>${tasks[i]}</span>

            <div>

                <button
    class="edit-btn"
    onclick="editTask(${i})"
>
    Edit
</button>

                <button
                    class="delete-btn"
                    onclick="deleteTask(${i})"
                >
                    🗑️
                </button>

            </div>

        </li>
        `;
    }
}
document
    .getElementById("taskInput")
    .addEventListener("keypress", function(event){

        if(event.key === "Enter"){
            addTask();
        }

});