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>