Project Overview

This project demonstrates a simple lunch ordering system where users select items, and the total cost updates in real-time based on their choices.

Full Working Example

Explanation

HTML Structure  bill-total.html

The HTML structure consists of checkboxes representing menu items, each with a price value. The total order cost is displayed in real time based on selections.

JavaScript Code Explanation  bill-total.js

The JavaScript code calculates the total cost based on selected menu items. Each checkbox is linked to the calcTotal function through an event listener. The total is formatted as currency and displayed in real time.