Samuel Casellas Brother Jones CSE 121B February 14, 2022
In this project, there will be four different sections displayed, each showing a different fruit. There will be one dropdown menu that will allow the user to decide on the different nutrition facts they want to compare for each fruit.
- Options of nutrients stats to pick from
- fetchQuery() - (Called once to get the object) Create an object that has the json file for each fruit
- resetParent() - This will clear each div when a new dropdown is selected
- Update_HTML(selected_stat) - This will insert the nutrient stats for each fruit. (Event listener needed!)
https://www.youtube.com/watch?v=-mgdxq8_a94 (used as a guide for figuring out the food API)
- It should be written in Javascript! (With some HTML/CSS for the user interface)
- It should show some level of organization: at a minimum it should have more than one function.
- It should include DOM interaction: select an element, modify it, and listen for and react to events
- It should show examples of conditional branching
- At least one of the following should be used: Fetch Objects Modules Arrays and array method usage (forEach, map, reduce, filter, etc)