Javascript For this assignment we will be creating a Restaurant Order Form I have created the basic page, along with some sample code to get you started You will need to complete the functions to Toggle the Fries and Drinks sections by adding or removing the 'hide' CSS class I created I have already created the function to Toggle Burgers and you can use that as an example to build out the full functionality I have also made created the function to reset the form Finally, to calculate the total, you will need to get the value of each checked checkbox and add to a variable that you can display at the end You can do that the same way we have gotten values from input boxes in past assignments See the below line for an example document getElementById('burger 1') value HINT When you calculate the total, you should consider that a user could uncheck an categories checkbox without unchecking the items within, i e They may uncheck Burgers without unchecking Cheeseburger We should assume that if the main category is unchecked, they do not want an item within it What that means for you, is that you should use a nested IF statement to first check if a category is checked at all, and then if so, add any checked items under it to your total Week 12 13 Programming Assignment container width 600px margin 0 auto border solid 4px 000 background 555 color fff header margin 0 border bottom solid 2px fff background 555 color fff text align center menu section height 150px width 550px margin 10px auto border bottom solid 1px fff total display width 275px float left total button width 250px float right button margin 10px checkbox section margin top 20px hide display none Restaurant Menu Burgers $3 99 Hamburger $4 49 Cheeseburger $5 99 Bacon Cheeseburger Fries $1 99 Small Fries $2 99 Large Fries $4 99 Chilli Cheese Fries Drinks $0 99 Water $1 99 Small Fountain Drink $2 99 Large Fountain Drink Total Calculate Total Reset function Calculate Total() function Toggle Burgers() Find Element By ID var toggle burgers document getElementById('toggle burgers') Find Element By CSS Class var burgers section document querySelector(' burgers section') If it's checked we need to display it by removing the Hide Class, otherwise, we hide it by adding the Hide class if (toggle burgers checked) burgers section classList remove('hide') else burgers section classList add('hide') function Toggle Fries() function Toggle Drinks() Function to Uncheck all checkboxes on the page, clear the input box for total, and Toggle Visibility function Reset Order() var w document getElementsByTagName('input') for (var i 0 i w length i ) if (w i type 'checkbox') w i checked false if (w i id 'toggle burgers') Toggle Burgers() if (w i id 'toggle fries') Toggle Fries() if (w i id 'toggle drinks') Toggle Drinks() if (w i type text ) w i value '' The Function Below is to assign event handlers to the buttons and checkboxes on the page You will not need to make any changes to this function function init() var btnTotal document getElementById('btnTotal') btnTotal onclick Calculate Total var btnReset document getElementById('btnReset') btnReset onclick Reset Order var toggle burgers document getElementById('toggle burgers') toggle burgers onchange Toggle Burgers var toggle fries document getElementById('toggle fries') toggle fries onchange Toggle Fries var toggle drinks document getElementById('toggle drinks') toggle drinks onchange Toggle Drinks window onload init

Question: Javascript - For this assignment we will be creating a Restaurant Order Form. I have created the basic page, along with some sample code to