Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Create a menu with 4 items. Use an array to hold multiple values (such as menu items) Each item has a name, price and a

Create a menu with 4 items. Use an array to hold multiple values (such as menu items) Each item has a name, price and a set of ingredients. (Use and object to hold information about each menu item). Menu data: Tuna Salad "Tuna","cucumber","green onions" $20 Chef Steak Special "Sirloin Steak","mushroom","onions" $23 Asian Salmon "Salmon","noodles","carrots", "peas" $24 Balsamic Chicken "Chicken","rice","zucchini" $17 Create a function that accepts a menu, returns a random menu item and logs the random menu item index. Test your function by logging its return value to the console. Use a loop to print out all the information about each menu item as they would appear on a menu (include taxes for each item). Now it's time to output the data as HTML! In your HTML page, create a new section element. Give it an id of "menu". This is the only HTML coede that you will write in the body of your document. You will use JavaScript to add, modify or remove DOM elements as requested. The requirement is to use JavaScript, NOT HTML, to create the following DOM structure, then append that structure to the page.

Tuna Salad

$20

Tuna

cucumber

green onions

Chef Steak Special

$23

Sirloin Steak

mushroom

onions

Asian Salmon

$24

Salmon

noodles

carrots

peas

Balsamic Chicken

$17

Chicken

rice

zucchini

Optionally, you may create a CSS file that applies color and font-size attributes to the "menuHeading" and "price" classes. Test your problem solving skills before reading the hint below. If that's a challenge, read the hint below! Loop through the menu array to: Create menu item headings elements Create text nodes for each heading element Add the text node to the heading element Give the heading a class name "menuHeading". Add the heading to the menu section Create a menu price div Create a text node for the price Add the text node to the price div Assign a class name "price" to the price div. Add the price div to the menu section Create the ingredient unordered list Loop through the ingredient array for this menu item Create a list item Create a text node that holds the information for each ingredient Add the text node to the list item Add the list item to the list Add the list to the menu section Add the menu section to the body.

Please send me this using notepad++. This question from web development

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Relational Database Technology

Authors: Suad Alagic

1st Edition

354096276X, 978-3540962762

More Books

Students also viewed these Databases questions

Question

=+4 Develop and deliver the CCT program.

Answered: 1 week ago