-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
29 lines (25 loc) · 1.13 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
const container = document.querySelector(".container");
const taskIinput = document.querySelector(".task-input");
const inputArea = document.querySelector(".input-area");
const inputBtn = document.querySelector(".input-btn");
const output = document.querySelector(".output-area");
inputBtn.addEventListener("click", () => {
if (taskIinput.value === "") {
const empty = document.createElement('p');
inputArea.appendChild(empty).style.color = 'red';
inputArea.appendChild(empty).innerHTML = 'enter something';
} else {
const yourTask = document.createElement("p");
yourTask.innerHTML = taskIinput.value;
const cross = document.createElement("button");
cross.innerHTML = "\u00d7";
cross.classList.add("cross-button");
output.appendChild(yourTask).appendChild(cross);
// add event listener to the cross button
cross.addEventListener("click", () => {
// remove the parent element (to-do list element) from the output area
output.removeChild(yourTask);
});
};
taskIinput.value = "";
});