From 12b9656e3beeacd2eaf1a6c39cd9c889b327b6c6 Mon Sep 17 00:00:00 2001
From: ulaali <ulaali513@yahoo.com>
Date: Wed, 5 Jul 2023 15:30:28 +0300
Subject: [PATCH 1/3] to do list

---
 check.png     | Bin 0 -> 6641 bytes
 index.html    |  33 ++++++++++++++++++++++++++++++---
 script.js     |  33 +++++++++++++++++++++++++++++++++
 style.css     |  38 ++++++++++++++++++++++++++++++++++++++
 unchecked.png | Bin 0 -> 4764 bytes
 5 files changed, 101 insertions(+), 3 deletions(-)
 create mode 100644 check.png
 create mode 100644 script.js
 create mode 100644 style.css
 create mode 100644 unchecked.png

diff --git a/check.png b/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8d9bb084aa9025f1303d4620ca6d6c61d6d4865
GIT binary patch
literal 6641
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
KxUoj`#s2|1mm5t0

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 61b6e04..48a31c6 100644
--- a/index.html
+++ b/index.html
@@ -9,11 +9,38 @@
     <h1>Todo List</h1>
     <form id="todoForm">
       <input type="text" id="todoInput" placeholder="Enter a task">
-      <button type="submit">Add</button>
+      <span onclick="additem()" id="submit">Add</span>
     </form>
-    <ul id="todoList"></ul>
+    <ul id="todoList">
+    </ul>
   </div>
 
-  <script src="script.js"></script>
+    
+
+<script src="script.js"></script>
+
+
 </body>
 </html>
+<!-- 
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+<div id="myDIV" class="header">
+  <h2 style="margin:5px">My To Do List</h2>
+  <input type="text" id="myInput" placeholder="Title...">
+  <span onclick="newElement()" class="addBtn">Add</span>
+</div>
+
+<ul id="todoList">
+  
+</ul>
+
+
+</body>
+</html> -->
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..eafba03
--- /dev/null
+++ b/script.js
@@ -0,0 +1,33 @@
+var list = document.querySelector('ul');
+list.addEventListener('click', function(ev) {
+  if (ev.target.tagName === 'LI') {
+    ev.target.classList.toggle('checked');
+  }
+}, false);
+
+// Create a new list item when clicking on the "Add" button
+function additem() {
+  var li = document.createElement("li");
+  var inputValue = document.getElementById("todoInput").value;
+  var t = document.createTextNode(inputValue);
+  li.appendChild(t);
+  if (inputValue === '') {
+    alert("You must write something!");
+  } else {
+    document.getElementById("todoList").appendChild(li);
+  }
+  document.getElementById("todoInput").value = "";
+
+  // var span = document.createElement("SPAN");
+  // var txt = document.createTextNode("\u00D7");
+  // span.className = "close";
+  // span.appendChild(txt);
+  // li.appendChild(span);
+
+  // for (i = 0; i < close.length; i++) {
+  //   close[i].onclick = function() {
+  //     var div = this.parentElement;
+  //     div.style.display = "none";
+  //   }
+  // }
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b73f327
--- /dev/null
+++ b/style.css
@@ -0,0 +1,38 @@
+body {
+  margin: 0;
+  min-width: 250px;
+}
+
+
+ul li {
+  list-style-type: none;
+  padding: 12px 12px;
+ position: relative;
+ cursor: pointer;
+}
+ul li::before{
+    content: '';
+    position: absolute;
+    background-image: url(unchecked.png);
+    width: 20px;
+    height: 20px;
+    left:-20px;
+    background-position: center;
+    background-size: cover;
+}
+
+ul li.checked {
+ text-decoration: line-through;
+}
+
+ul li.checked::before {
+  content: '';
+  position: absolute;
+  height: 18px;
+  width: 18px;
+  left: -20px;
+  background-image: url(check.png);
+  background-position: center;
+    background-size: cover;
+
+}
diff --git a/unchecked.png b/unchecked.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b17a1791416a604fe88132ad68fd0089705c81e
GIT binary patch
literal 4764
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
bp*M_NGuBq${p~LcK117sw^e@^ee!<++?_sg

literal 0
HcmV?d00001


From 49558165b7aff0be33d0e40e2c5750734bc27fb7 Mon Sep 17 00:00:00 2001
From: ulaali <ulaali513@yahoo.com>
Date: Wed, 5 Jul 2023 23:27:21 +0300
Subject: [PATCH 2/3] to do list

---
 script.js | 19 +++----------------
 style.css | 43 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/script.js b/script.js
index eafba03..b057f66 100644
--- a/script.js
+++ b/script.js
@@ -5,29 +5,16 @@ list.addEventListener('click', function(ev) {
   }
 }, false);
 
-// Create a new list item when clicking on the "Add" button
 function additem() {
   var li = document.createElement("li");
-  var inputValue = document.getElementById("todoInput").value;
-  var t = document.createTextNode(inputValue);
+  var item = document.getElementById("todoInput").value;
+  var t = document.createTextNode(item);
   li.appendChild(t);
-  if (inputValue === '') {
+  if (item === '') {
     alert("You must write something!");
   } else {
     document.getElementById("todoList").appendChild(li);
   }
   document.getElementById("todoInput").value = "";
 
-  // var span = document.createElement("SPAN");
-  // var txt = document.createTextNode("\u00D7");
-  // span.className = "close";
-  // span.appendChild(txt);
-  // li.appendChild(span);
-
-  // for (i = 0; i < close.length; i++) {
-  //   close[i].onclick = function() {
-  //     var div = this.parentElement;
-  //     div.style.display = "none";
-  //   }
-  // }
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index b73f327..513715c 100644
--- a/style.css
+++ b/style.css
@@ -2,11 +2,48 @@ body {
   margin: 0;
   min-width: 250px;
 }
-
-
+.container > h1{
+  font-size: 50px;
+  color: rgb(61, 59, 59);
+  font-style: italic;
+}
+form{
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  column-gap: 5px;
+}
+form span{
+  background-color: rgba(212, 206, 206, 0.318);
+  border: none;
+  border-radius: 2px;
+  padding: 4px 12px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+}
+form input{
+  border: none;
+  padding: 6px 20px;
+  background-color: rgba(212, 206, 206, 0.318);
+}
+.container{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+}
+ul{
+  text-align: left;
+  background-color: rgba(129, 128, 128, 0.433);
+  border-radius: 5px;
+  width: 50%;
+}
 ul li {
   list-style-type: none;
-  padding: 12px 12px;
+  padding: 20px 20px;
  position: relative;
  cursor: pointer;
 }

From 00e27893ccaff0b37f4ba2b8c0321904509cb745 Mon Sep 17 00:00:00 2001
From: ulaali <ulaali513@yahoo.com>
Date: Wed, 5 Jul 2023 23:29:15 +0300
Subject: [PATCH 3/3] to do list

---
 index.html | 22 ----------------------
 1 file changed, 22 deletions(-)

diff --git a/index.html b/index.html
index 48a31c6..d76c552 100644
--- a/index.html
+++ b/index.html
@@ -22,25 +22,3 @@ <h1>Todo List</h1>
 
 </body>
 </html>
-<!-- 
-<!DOCTYPE html>
-<html>
-<head>
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="stylesheet" href="style.css">
-</head>
-<body>
-
-<div id="myDIV" class="header">
-  <h2 style="margin:5px">My To Do List</h2>
-  <input type="text" id="myInput" placeholder="Title...">
-  <span onclick="newElement()" class="addBtn">Add</span>
-</div>
-
-<ul id="todoList">
-  
-</ul>
-
-
-</body>
-</html> -->