You will create JavaScript code - embedded on an HTML file - according to the requirements listed on the next pages. Create JavaScript program. A GUI (Graphical User Interface) event-driven screen is required. Choose a background color and a text color of your preference for the screen. The Input will be captured via text boxes and/or radio buttons. The output will be displayed using text boxes. In addition, a summary report will be produced using the dynamic web page concept. The processing logic to process the input will be executed by a Process button. A summary report will be executed when clicking on a Report button.

Business problem: A shipping company needs a program to verify that their shipments comply with the maximum capacity (2,400 cubic feet) of their containers. Customers who use their shipping services use boxes of different sizes labeled type:"A", "B","C". The sizes of these boxes are 25, 35, 50 cubic feet respectively. The program should receive as input the number of boxes shipped and their type. Customers may use the three types on a shipment, two of them or just one of them. The program will calculate, using a Process button, the volume taken by those boxes and display that information on the screen. This procedure may be repeated two or three times if the customer uses two or three types of boxes respectively.Finally, the program would produce a summary report by using a Report button. The summary report will list: the type of box and, the volume taken by the boxes for such type. Finally, the report will list the total volume taken by the entire shipment as well as a message indicating if it fits on a container or not.

Example of input/output:

Input/Output examples: Shipment: 30 boxes type A; 25 boxes type C Input: Box type: A, Number of boxes: 30; Output: Volume: 750 Input: Box type: C, Number of boxes: 25; Output: Volume: 1250

Requirements: Arrays: The concept of parallel arrays may be used if appropriate: an element of one array array is related to the corresponding element of another array. Functions: Creating functions Functions are required to initialize arrays. They will require only one parameter for each of them. The argument passed to this parameter will be an array. The function definitions should be added inside the