From 5c9e6f00c6406009806e9ba7375e2d3aa490a362 Mon Sep 17 00:00:00 2001 From: Trinath Reddy Date: Mon, 6 Nov 2023 16:36:06 +0530 Subject: [PATCH] modified "MODAL" project and add new "To-Do List" Project --- Modal/index.html | 49 ++++++++------ Modal/index.js | 43 ++++++++----- Modal/style.css | 90 ++++++++++++++++++++++---- To-Do List/Images/checked.png | Bin 0 -> 19205 bytes To-Do List/Images/icon.png | Bin 0 -> 4359 bytes To-Do List/Images/unchecked.png | Bin 0 -> 2185 bytes To-Do List/index.html | 30 +++++++++ To-Do List/index.js | 46 +++++++++++++ To-Do List/style.css | 110 ++++++++++++++++++++++++++++++++ index.html | 2 +- stopwatch/index.html | 2 + 11 files changed, 323 insertions(+), 49 deletions(-) create mode 100644 To-Do List/Images/checked.png create mode 100644 To-Do List/Images/icon.png create mode 100644 To-Do List/Images/unchecked.png create mode 100644 To-Do List/index.html create mode 100644 To-Do List/index.js create mode 100644 To-Do List/style.css diff --git a/Modal/index.html b/Modal/index.html index 9587f56..1e8555b 100644 --- a/Modal/index.html +++ b/Modal/index.html @@ -3,33 +3,42 @@ - Counter + Modal -

Counter

+ +

Modal

+
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo doloremque - corporis, esse debitis architecto, distinctio nisi corrupti - exercitationem nobis deserunt porro quos minima est laboriosam omnis - quis dicta quia deleniti eaque! Temporibus illo ad, similique odio animi - culpa. Enim quidem ab soluta minima eius! Voluptatibus quibusdam - cupiditate nihil, dolorem consequuntur quas distinctio accusamus totam - officia sit. Ipsa animi error deleniti culpa maxime iure, modi nobis in - reprehenderit quidem officiis earum. Fugit nesciunt temporibus cum - recusandae, excepturi natus corporis illum! Rem, voluptates. Illo - eligendi reprehenderit non ducimus ipsam maiores magnam rem expedita - dolorum alias officia, autem id omnis eum repudiandae quidem laboriosam, - quis eius sunt deleniti quae earum? Vero id delectus exercitationem - maiores, doloribus alias ducimus odio sed? Veniam est, natus numquam - neque nam quibusdam illo cupiditate a. Aperiam, unde iste! Impedit aut, - nemo aspernatur quo nisi veniam accusantium maiores! Amet provident, - labore sunt quam odit voluptas perspiciatis est iure omnis! -

+
+ + + +
+ + +
diff --git a/Modal/index.js b/Modal/index.js index e424ec8..dcd2752 100644 --- a/Modal/index.js +++ b/Modal/index.js @@ -1,20 +1,29 @@ -const buttons = document.querySelectorAll("button"); +"use strict"; -buttons.forEach((button) => { - button.addEventListener("click", counter); -}); +const modal = document.querySelector(".modal"); +const overlay = document.querySelector(".overlay"); +const btnCloseModal = document.querySelector(".close-modal"); +const btnsOpenModal = document.querySelectorAll(".show-modal"); -function counter(e) { - console.log(e.target.id); - if (e.target.id === "increase") { - document.getElementById("counter").innerHTML = - +document.getElementById("counter").innerHTML + 1; - } - if (e.target.id === "decrease") { - document.getElementById("counter").innerHTML = - +document.getElementById("counter").innerHTML - 1; - } - if (e.target.id === "reset") { - document.getElementById("counter").innerHTML = 0; - } +const open = function () { + modal.classList.remove("hidden"); + overlay.classList.remove("hidden"); +}; + +for (let i = 0; i < btnsOpenModal.length; i++) { + btnsOpenModal[i].addEventListener("click", open); } + +const close = function () { + modal.classList.add("hidden"); + overlay.classList.add("hidden"); +}; + +btnCloseModal.addEventListener("click", close); +overlay.addEventListener("click", close); + +document.addEventListener("keydown", function (e) { + if (e.key === "Escape" && !modal.classList.contains("hidden")) { + close(); + } +}); diff --git a/Modal/style.css b/Modal/style.css index 1417e3e..5cecc42 100644 --- a/Modal/style.css +++ b/Modal/style.css @@ -1,11 +1,79 @@ -.center { - display: flex; - height: 80vh; - justify-content: center; - align-items: center; - flex-direction: column; - } - -#counter{ - font-size: 80px; -} \ No newline at end of file +*{ +font-size:medium; + margin: 0; + padding: 0; + box-sizing:border-box; +} + +.buttons{ + font-family: sans-serif; + color: #333; + line-height: 1.5; + height: 100vh; + position: relative; + display: flex; + align-items: flex-start; + justify-content: center; +} + + +.show-modal{ + font-size: 2rem; + font-weight: 600; + padding: 1.75rem 3.5rem; + margin: 5rem 2rem; + border: none; + background-color: #fff; + color: #444; + border-radius: 10rem; + cursor: pointer; +} + +.close-modal{ + position: absolute; + top: 1.2rem; + right: 2rem; + font-size: 5rem; + color: #333; + cursor: pointer; + border: none; + background: none; +} + +h1{ + font-size: 2.5rem; + margin-bottom: 2rem; +} + +p{ + font-size: 1.8rem; +} + +/* classes to make modal work */ +.hidden{ + display:none; +} +.modal{ + position: absolute; + top:50%; + left:50%; + transform: translate(-50%, -50%); + width: 70%; + + background-color: white; + padding: 6rem; + border-radius: 5px; + box-shadow: 0 3rem 5rem rgba(0, 0, 0.3); + z-index: 10; +} + +.overlay{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.6); + backdrop-filter: blur(3px); + z-index: 5; +} diff --git a/To-Do List/Images/checked.png b/To-Do List/Images/checked.png new file mode 100644 index 0000000000000000000000000000000000000000..9f4fee64be8d2092bd64349ef394d9eab5d3bce8 GIT binary patch literal 19205 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 literal 0 HcmV?d00001 diff --git a/To-Do List/Images/icon.png b/To-Do List/Images/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..5655235c2a1847896502e530bac24a2e28e8e83f GIT binary patch literal 4359 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 LNkvXXu0mjfk*z#v literal 0 HcmV?d00001 diff --git a/To-Do List/index.html b/To-Do List/index.html new file mode 100644 index 0000000..e9e3a20 --- /dev/null +++ b/To-Do List/index.html @@ -0,0 +1,30 @@ + + + + + + To-Do List + + + + +

To-Do List

+
+
+

To-Do List

+
+ + +
+
    + +
+
+
+ + + diff --git a/To-Do List/index.js b/To-Do List/index.js new file mode 100644 index 0000000..954fdcd --- /dev/null +++ b/To-Do List/index.js @@ -0,0 +1,46 @@ +const inputBox = document.getElementById("input-box"); +const listContainer = document.getElementById("list-container"); + +inputBox.addEventListener("keydown", function (event) { + if (event.key === "Enter") { + addTask(); + } +}); + +function addTask() { + if (inputBox.value === "") { + alert("You need to add something first"); + } else { + let li = document.createElement("li"); + li.innerHTML = inputBox.value; + listContainer.appendChild(li); + let span = document.createElement("span"); + span.innerHTML = "\u00d7"; + li.appendChild(span); + } + inputBox.value = ""; + saveData(); +} + +listContainer.addEventListener( + "click", + function (e) { + if (e.target.tagName === "LI") { + e.target.classList.toggle("checked"); + saveData(); + } else if (e.target.tagName === "SPAN") { + e.target.parentElement.remove(); + } + }, + false +); + +function saveData() { + localStorage.setItem("data", listContainer.innerHTML); +} + +function showTask() { + listContainer.innerHTML = localStorage.getItem("data"); +} + +showTask(); diff --git a/To-Do List/style.css b/To-Do List/style.css new file mode 100644 index 0000000..4146213 --- /dev/null +++ b/To-Do List/style.css @@ -0,0 +1,110 @@ +*{ + padding:0; + margin:0; + font-family: "Poppins", sans-serif; + box-sizing:border-box; +} + +.container{ + width:100%; + min-height:100vh; + padding:10px; +} + +.todo-app{ + margin: 100px auto 20px; + width:100%; + max-width:540px; + padding:40px 30px 70px; + background-color:#fff; + border-radius:10px; + +} + +.todo-app h2{ + color:black; + margin-bottom:20px; + display:flex; + align-items:center; + +} + +.todo-app h2 img{ + width:30px; + margin-left:10px; +} +.row{ + display:flex; + align-items:center; + justify-content:space-between; + background: #edeef0; + padding-left:20px; + border-radius:30px; + margin-bottom:25px; +} +input{ + flex:1; + border:none; + outline:none; + background:transparent; + padding:10px; +} + +button{ + border:none; + outline:none; + padding:16px 50px; + background:lightgreen; + color:black; + font-size:16px; + cursor:pointer; + border-radius:40px; +} + +ul li{ + list-style:none; + font-size:17px; + padding:12px 8px 12px 50px; + user-select:none; + cursor:pointer; + position:relative; +} + +ul li::before{ + content:''; + position: absolute; + height:28px; + width:28px; + border-radius:50%; + background-image:url(Images/unchecked.png); + background-size: cover; + background-position:center; + top:12px; + left:8px; +} + +ul li.checked{ + color:#555; + text-decoration:line-through; +} + +ul li.checked::before{ + background-image:url("Images/checked.png"); +} + +ul li span{ + position: absolute; + right:0; + top:5px; + width:40px; + height:40px; + font-size:22px; + color:#555; + line-height:40px; + text-align: center; + border-radius:50%; +} + +ul li span:hover{ + background-color:lightgreen; +} \ No newline at end of file diff --git a/index.html b/index.html index 29f355a..ab2805d 100644 --- a/index.html +++ b/index.html @@ -107,7 +107,7 @@

List of Project (JS DOM Manupulation)

- Todo List + Todo List
diff --git a/stopwatch/index.html b/stopwatch/index.html index 5a6d458..8f04fd4 100644 --- a/stopwatch/index.html +++ b/stopwatch/index.html @@ -10,7 +10,9 @@ +

Stopwatch

+
00:00:00