From cf487495709b7dad8bdee32eaa7cd461cd7cbed2 Mon Sep 17 00:00:00 2001
From: Varun Palanisamy <varun.palanisamy@gmail.com>
Date: Sun, 31 May 2020 00:58:16 -0700
Subject: [PATCH] Create CheckingList HTML

---
 CheckingList HTML | 86 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 CheckingList HTML
diff --git a/CheckingList HTML b/CheckingList HTML
new file mode 100644
index 0000000..52936a3
--- /dev/null
+++ b/CheckingList HTML	
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+
+<html>
+<link href="checklist.css" type="text/css" rel="stylesheet">
+<body>
+
+<h1>Check List</h1>
+<p>Log Daily Tasks to Keep Your Brain Active</p>
+
+</style>
+</head>
+<body>
+
+<div id="myDIV" class="header">
+  <input type="text" id="myInput" placeholder="Title...">
+  <span onclick="newElement()" class="addBtn">Add</span>
+</div>
+
+<ul id="myUL">
+  <li>Take Daily Vitamins</li>
+  <li class="checked">Play our games</li>
+  <li>Read the Daily Tip</li>
+  <li>Get Physical Excercise</li>
+  <li>Read a book</li>
+</ul>
+
+<script>
+// Create a "close" button and append it to each list item
+var myNodelist = document.getElementsByTagName("LI");
+var i;
+for (i = 0; i < myNodelist.length; i++) {
+  var span = document.createElement("SPAN");
+  var txt = document.createTextNode("\u00D7");
+  span.className = "close";
+  span.appendChild(txt);
+  myNodelist[i].appendChild(span);
+}
+
+
+var close = document.getElementsByClassName("close");
+var i;
+for (i = 0; i < close.length; i++) {
+  close[i].onclick = function() {
+    var div = this.parentElement;
+    div.style.display = "none";
+  }
+}
+
+var list = document.querySelector('ul');
+list.addEventListener('click', function(ev) {
+  if (ev.target.tagName === 'LI') {
+    ev.target.classList.toggle('checked');
+  }
+}, false);
+
+
+function newElement() {
+  var li = document.createElement("li");
+  var inputValue = document.getElementById("myInput").value;
+  var t = document.createTextNode(inputValue);
+  li.appendChild(t);
+  if (inputValue === '') {
+    alert("You must write something!");
+  } else {
+    document.getElementById("myUL").appendChild(li);
+  }
+  document.getElementById("myInput").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";
+    }
+  }
+}
+</script>
+
+
+</body>
+</html>
