this project you create an application that calculates the total cost of items selected from a lunch menu using a for loop and an if statement as part of the program code. The cost of each menu item is stored in the value attribute of an input control on a web form. Because attribute values are treated as text strings, you will have to convert the attribute value to a number using the following JavaScript function:   below is js is incomplete. //Declare the variable for MenuItems //variable for menu let menuItems = document.getElementsByClassName("menuItems")[i]; for(let i = 0; i < menuItems.length; i++) {     menuItems[i].addEventListener("click",         calcTotal()); } //Function for calcTotal function calcTotal(){     let orderTotal = 0;     for(i = 0; i < 5; i++) {         if(menuItems[i].checked) {             orderTotal += (Number(menuItems[0].value) * 1);         }         document.getElementById("billTotal").innerHTML = formatCurrency(orderTotal);     } }      // Function to display a numeric value as a text string in the format $##.##   function formatCurrency(value) {     return "$" + value.toFixed

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

In this project you create an application that calculates the total cost of items selected from a lunch menu using a for loop and an if statement as part of the program code. The cost of each menu item is stored in the value attribute of an input control on a web form. Because attribute values are treated as text strings, you will have to convert the attribute value to a number using the following JavaScript function:

 
below is js is incomplete.

//Declare the variable for MenuItems
//variable for menu
let menuItems = document.getElementsByClassName("menuItems")[i];
for(let i = 0; i < menuItems.length; i++) {
    menuItems[i].addEventListener("click",
        calcTotal());
}


//Function for calcTotal
function calcTotal(){
    let orderTotal = 0;
    for(i = 0; i < 5; i++) {
        if(menuItems[i].checked) {
            orderTotal += (Number(menuItems[0].value) * 1);
        }
        document.getElementById("billTotal").innerHTML = formatCurrency(orderTotal);
    }
}

 

 

 // Function to display a numeric value as a text string in the format $##.## 
 function formatCurrency(value) {
    return "$" + value.toFixed(2);
 }

Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 1 images

Blurred answer
Knowledge Booster
JQuery and Javascript
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education