View Code? Open in Web Editor
NEW
This project forked from seanrreid/dom-shopping-list
Dynamically Create a Shopping List
JavaScript 34.35%
CSS 33.69%
HTML 31.96%
dom-shopping-list's Introduction
Dynamically Create a Shopping List
- Using the existing form, your goal is to generate a shopping list.
- Dynamically generate the list by appending
li elements to the #myList element
- User fills out the form
- User clicks the "Make My List" button
- Items from the form populate the list
- This would be a good use case for using
querySelector and querySelectorAll
- Think about using a
forEach() loop on the input elements
- You'll want to add an event listener for the button element
- Think about using a function to generate the list (perhaps the button click could call this function?? 🤔🤔🤔)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent