saving progress

bpd01001 · Jan 27, 2020 · 0a4373f · 0a4373f
1 parent 7ba05a8
commit 0a4373f
Showing 1 changed file with 52 additions and 0 deletions.
diff --git a/week-2/index.html b/week-2/index.html
@@ -0,0 +1,52 @@
+<!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>My Shopping List App</title>
+    <style>
+        #item {
+            border: 1px solid #ccc;
+            font-size: 16px;
+        }
+        ul, li {
+            margin: 0;
+            padding: 0;
+            list-style-type: none;
+        }
+        li{ 
+            padding: .5em 0;
+        }
+    </style>
+</head>
+<body>
+    <h1>My Shopping List App</h1>
+
+    <input type="text" name="item" id="item"> <button id="add">Add</button>
+
+    <hr>
+
+    <ul>
+        <li>
+            <input type="checkbox" name="items">
+            Milk
+            <a href="">x</a>
+        </li>
+        <li>
+            <input type="checkbox" name="items">
+            Cookies
+            <a href="">x</a>
+        </li>
+    </ul>
+    <script>
+        const addBtn = document.getElementById('add');
+        const inputBox = document.getElementById('item');
+
+
+        addBtn.addEventListener('click', function(){
+            console.log('button clicked', inputBox.value);
+        });
+    </script>
+</body>
+</html>