Grocery List

jQuery to create grocery list from user input

By Stephanie Gurung & Maldon Meehan

Description

Groceries

Create a form that allows a user to input items they need at the store.
When the user submits the form, hide the form and display the list of items in alphabetical order, all uppercased.

Hint: To do this, build an array of the inputted items. (Make sure you don't include any blank fields.) Sort the array in alphabetical order. Make a new array with each entry uppercased (don't just uppercase them when you display them). Then, display the sorted list of things as list items inside a

Explore the arrays entry of the Mozilla Developer Network JavaScript documentation to research what method might be used to sort arrays.

The original lesson can be found here: https://www.learnhowtoprogram.com/intro-to-programming/arrays-looping/practice-foreach-and-map

Setup/Installation Requirements

Open an internet browser of your choice
type in this address: https://github.com/maldonmeehan/grocery-list.git
enter in your grocery items in the form
click submit
See your list displayed in alphabetical order and in all uppercase

Known Bugs

There are currently no known bugs

Support and contact details

Please feel free to contact Maldon or Stephanie if you have any questions

Technologies Used

HTML
Jquery
JavaScript
CSS
Bootstrap

maldonmeehan/grocery-list