Wk5 HW Part 1: Create a web page that uses Arrays, Loops, and Methods (Total Points: 50)

In this weeks assignment you will be sharing your favorite recipe with us via a web page. The recipe is of your choice and does not have to be a culinary creation, it can be anything! Your web page style and aesthetic should compliment your recipe, do some research for design inspiration if you cannot think of anything.

Requirements:

• Use an external CSS & JS file, no internal or inline styles & scripts
  • Please comment your JS to break down your understanding of what is happening
• Choose a recipe with at least 5 items/ingredient
• Create a JS array to store your recipe ingredients/items
  • Be sure to include the units of measurement
• Use a JS for or while loop to iterate through your array of recipe ingredients and dynamically add them to you web page inside a table
  • HINT use a HTML DOM table object method
  • SUPER HINT: https://www.w3schools.com/jsref/met_table_insertrow.asp (Links to an external site.)
• Provide either 3+ images or 1 video of your recipe. You can do both if ambitious!
• Write out the directions to prepare your recipe using an ordered list
• Style your page
  • Tables should have Header and footer style as well as borders
  • Font, color, spacing and layout should be intentional and not default for all other elements on the page
  • Use classes for styling
  • As always no CSS frameworks all custom creations from your original self
• Confirm that the code is properly indented & formatted.
• Validate your code, there should be no errors
• Save your files on your system in a folder called HW5Part1
• Upload your folder and files to your ASU web space
• Submit your assignment using a link from your web host