From 6fd597f2a9f9730bff319d1cde18484dbe486299 Mon Sep 17 00:00:00 2001 From: rupeshbangar Date: Tue, 24 Feb 2026 00:29:58 +0530 Subject: [PATCH] Advanced JavaScript --- Week-03/Day_02/index.html | 25 ++++++++++++++++++++ Week-03/Day_02/script.js | 48 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 73 insertions(+) create mode 100644 Week-03/Day_02/index.html create mode 100644 Week-03/Day_02/script.js diff --git a/Week-03/Day_02/index.html b/Week-03/Day_02/index.html new file mode 100644 index 0000000..88e8e0a --- /dev/null +++ b/Week-03/Day_02/index.html @@ -0,0 +1,25 @@ + + + + + + + + +

My Task Manager

+ +
+ + +
+ + + + + + \ No newline at end of file diff --git a/Week-03/Day_02/script.js b/Week-03/Day_02/script.js new file mode 100644 index 0000000..794aba3 --- /dev/null +++ b/Week-03/Day_02/script.js @@ -0,0 +1,48 @@ +"use strict"; + +document.addEventListener("DOMContentLoaded", () => { + alert("Welcome! The page is ready."); + + const form = document.querySelector("#taskForm"); + const input = document.querySelector("#taskInput"); + const taskList = document.querySelector("#taskList"); + + input.addEventListener("focus", () => input.classList.add("highlight")); + input.addEventListener("blur", () => input.classList.remove("highlight")); + + form.addEventListener("submit", (event) => { + event.preventDefault(); + + const taskValue = input.value.trim(); + + if (taskValue === "") { + alert("Please enter a task!"); + return; + } + + const li = document.createElement("li"); + li.className = "task-item"; + li.textContent = taskValue; + + taskList.append(li); + + alert(`Task Added: ${taskValue}`); + input.value = ""; + }); + + taskList.addEventListener("click", (event) => { + if (event.target.classList.contains("task-item")) { + const removedTask = event.target.textContent; + event.target.remove(); + alert(`Deleted: ${removedTask}`); + } + }); + + input.addEventListener("keydown", (event) => { + if (event.key === "Escape") { + input.value = ""; + input.blur(); + alert("Input cleared via Escape key!"); + } + }); +}); \ No newline at end of file