Landing page has been added

Author: daniel2231

index.html

@@ -22,12 +22,12 @@ <h2 class="greeting" id="greeting"></h2>
 
         <div class="accomplishInput">
             <form>
-                <h3>I am planning to accomplish<input type="text" id="goal">today!</h3>
+                <h3>I am planning to accomplish<input type="text" id="input">today!</h3>
             </form>
         </div>
         <div class="toDo">
-            <ol id="toDoList">
-            </ol>
+            <ul id="list">
+            </ul>
         </div>
         <script src="main.js"></script>
     </body>

main.css

@@ -59,12 +59,8 @@ form {
     margin-top: 120px;
     margin-bottom: -10px;
 }
-.accomplishInput {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-}
-#goal {
+
+#input {
     border: none;
     border-bottom: 2px solid white;
     background: none;
@@ -86,9 +82,18 @@ body {
 
 li {
     font-family: 'Open Sans', sans-serif;
-    text-align: left;
+    text-align: center;
     font-size: 30px;
     list-style: none;
     margin: 0;
     color: white;
+    position: fixed;
 }
+
+.accomplishInput {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    flex-direction: column;
+    text-align: center;
+}

main.js

@@ -64,22 +64,22 @@ function checkTime(i) {
 }
 
 //TodoList
-function newList() {
-    var item = document.getElementById("goal").value;
-    var ol = document.getElementById("toDoList");
-    var li = document.createElement("li");
-    li.appendChild(document.createTextNode("- " + item));
-    ol.appendChild(li);
-    document.getElementById("goal").value = "";
-    li.onclick = removeItem;
+function newItem() {
+	var item = document.getElementById('input').value;
+	var ul = document.getElementById("list");
+	var li = document.createElement('li');
+  li.appendChild(document.createTextNode("- "+item));
+  ul.appendChild(li);
+  document.getElementById('input').value="";
+  li.onclick = removeItem;
+}
+
+document.body.onkeyup = function(e){
+      if(e.keyCode == 13){
+        newItem();
+      }
   }
-  
-  document.body.onkeyup = function(e) {
-    if (e.keyCode == 13) {
-      newList();
-    }
-  };
-  
-  function removeItem(e) {
-    e.target.parentElement.removeChild(e.target);
-  }
+
+function removeItem(e) {
+  e.target.parentElement.removeChild(e.target);
+}