Select your Top Pot store location from the drop down menu, and then click the submit button (this is the user input). The app will list the name of your selected location, and under that header it will list the hourly donut production forecast as well as the total donuts needed per day in bolded text (this is the output).
To select another location, click the refresh button then select another location and click submit. The next chosen location's content will flow into the div element.
Here is a list of resources we used to complete this project:
- Dropdown menu code modified from here: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_select2
- Code to grab value of dropdown menu on click: http://stackoverflow.com/questions/13966150/how-to-get-the-selected-value-from-dropdown-list-through-javascript-and-set-the
- Help with button code: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/How_to_structure_an_HTML_form
- Refresh button: http://www.webmasterworld.com/html/3178485.htm
- We got help from Nathan (classmate) with the event listener fucntionality as well