-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscript.js
40 lines (32 loc) · 1.2 KB
/
script.js
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
// script.js
// انتخاب المانها
const taskInput = document.getElementById("task-input");
const addTaskBtn = document.getElementById("add-task-btn");
const columns = document.querySelectorAll(".tasks");
// افزودن وظایف جدید
addTaskBtn.addEventListener("click", () => {
const taskText = taskInput.value.trim();
if (!taskText) return;
const taskElement = createTaskElement(taskText);
document.querySelector("#todo .tasks").appendChild(taskElement);
taskInput.value = ""; // پاک کردن ورودی
});
// ساخت المان وظیفه
function createTaskElement(text) {
const task = document.createElement("div");
task.classList.add("task");
task.textContent = text;
// افزودن قابلیت Drag and Drop
task.setAttribute("draggable", "true");
task.addEventListener("dragstart", () => task.classList.add("dragging"));
task.addEventListener("dragend", () => task.classList.remove("dragging"));
return task;
}
// مدیریت قابلیت Drag and Drop
columns.forEach((column) => {
column.addEventListener("dragover", (e) => {
e.preventDefault();
const draggingTask = document.querySelector(".dragging");
column.appendChild(draggingTask);
});
});