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
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:
//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);
}
Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 1 images