Create shoppingList

2021-06-04 18:02:41 -04:00
parent ac400c51dc
commit c1324d7023
1 changed files with 25 additions and 0 deletions
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>    <title>Complete JavaScript Course</title>   
+</head>
+<body>   
+        <div> 
+        <input type="text" id="addItem">       
+        <input type="button" id="addNew" value="Add to List">
+    </div>      
+      <h1>Shopping List</h1> 
+    <ol id="sList"> </ol> 
+     
+    <script> 
+        const myItem = document.querySelector('#addItem');
+        const btn = document.querySelector('#addNew');
+        const myList = document.querySelector('#sList');
+        btn.addEventListener('click', (e) => {
+            let val = myItem.value;
+            const li = document.createElement('li');
+            li.textContent = val;
+            myList.append(li);
+        })
+    </script>
+</body>
+</html>