diff --git a/index.html b/index.html
index c932db0..8faa922 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
-
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>eh</title>
-
-    <script src="./index.js"></script>
+    <title>Water</title>
   </head>
-
   <body>
-
-    <button>Need Water!
-
-    </button>
-
-    <ul>
-      !
-    </ul>
+    <button>Need Water!</button>
+    <ul></ul>
+    <script src="./index.js"></script>
   </body>
-
 </html>
\ No newline at end of file
diff --git a/index.js b/index.js
index aa02b17..eb12d50 100644
--- a/index.js
+++ b/index.js
@@ -1,8 +1,6 @@
 document.querySelector('button').addEventListener('click', function () {
-  let event = this.window;
-  var NewItem = document.createElement("LI");
-   var textnode = document.createTextNode("wateR");
-    NewItem.appendChild(textnode);
-    document.querySelector('ul').insertBefore(NewItem, document.querySelector('ul').childNodes[0])
-    console.log("works!!!");
+  const newItem = document.createElement('li');
+  const textNode = document.createTextNode('Water');
+  newItem.appendChild(textNode);
+  document.querySelector('ul').insertBefore(newItem, document.querySelector('ul').childNodes[0])
 });
