monday updates

tsb15104 · Jan 27, 2020 · 9d44948 · 9d44948
1 parent 65150b2
commit 9d44948
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/week-2/index.html b/week-2/index.html
@@ -0,0 +1,51 @@
+<!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: 0px;
+            padding: 0px;
+            list-style-type: none;
+        }
+        li{
+            padding: 0.5em;
+        }
+    </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>