Write a Javascript program with explaination Use Bootstrap to style the table.The trip data needs to begin as an array literal of object literals, where each trip is an object with 3 properties.The button must have an id property, and using getElementById('id') you must assign the function that displays the table to the button using an anonymous function in your JavaScript code.You should concatenate the table elements as shown in the examples in the notes for JavaScript objects.Before being inserted into a table cell, the mpg must be calculated and not be part of the data objects.round the calculation to 1 decimal place Altering the DOM.There is a program similar to this assignment given in the lecture notes for the week that discusses the Document ObjectModel. If you haven't already, you might study those notes and that example before trying this assignment. But you will alsoneed to be familar with Object literals and assigning an event handler function to a HTML button using JavaScript. So, hopefullyyou've kept to the schedule in terms of reading the lecture notes.For this program you need to take the following data and convert it into an array literal of Javascript object literals, where eachobject literal has three properties: a destination, a number of miles, and a number of gallons as shown below. You need toassign the array of objects to a variable, like trips, for example.DestinationMilesGallonsChicago32910.6St. Louis28410.5Indianapolis1223.7Nashville1916.4Cincinnati1323.9 When a button is clicked the array of objects should be inserted into a HTML table with 4 columns: Destination, Miles, Gallons,and MGP. Here is the page before the button is clicked.Trip DataDisplay DataDestinationMIllesGallonsMPGAfter the button is clicked, your program calls a function that reads the data from the array, calculates the miles per gallon foreach trip , then inserts the appropriate destination, miles, gallons, and mpg into a table row. This should result in a table with aheader row and 5 rows of data. Like this.Trip DataDisplay DataDestinationMllesGallonsMPGChicago32910.631.0St. Louis28410.527.0Indianapolis1223.733.0Nashville1916.429.8Cincinnati1323.933.8Your array of objects cannot contain the mpg value. The value for miles per gallon must be calculated by the function calledwhen the button is clicked.

Question

Write a Javascript program with explaination Use Bootstrap to style the table.The trip data needs to begin as an array literal of object literals, where each trip is an object with 3 properties.The button must have an id property, and using getElementById('id') you must assign the function that displays the table to the button using an anonymous function in your JavaScript code.You should concatenate the table elements as shown in the examples in the notes for JavaScript objects.Before being inserted into a table cell, the mpg must be calculated and not be part of the data objects.round the calculation to 1 decimal place Altering the DOM.There is a program similar to this assignment given in the lecture notes for the week that discusses the Document ObjectModel. If you haven't already, you might study those notes and that example before trying this assignment. But you will alsoneed to be familar with Object literals and assigning an event handler function to a HTML button using JavaScript. So, hopefullyyou've kept to the schedule in terms of reading the lecture notes.For this program you need to take the following data and convert it into an array literal of Javascript object literals, where eachobject literal has three properties: a destination, a number of miles, and a number of gallons as shown below. You need toassign the array of objects to a variable, like trips, for example.DestinationMilesGallonsChicago32910.6St. Louis28410.5Indianapolis1223.7Nashville1916.4Cincinnati1323.9 When a button is clicked the array of objects should be inserted into a HTML table with 4 columns: Destination, Miles, Gallons,and MGP. Here is the page before the button is clicked.Trip DataDisplay DataDestinationMIllesGallonsMPGAfter the button is clicked, your program calls a function that reads the data from the array, calculates the miles per gallon foreach trip , then inserts the appropriate destination, miles, gallons, and mpg into a table row. This should result in a table with aheader row and 5 rows of data. Like this.Trip DataDisplay DataDestinationMllesGallonsMPGChicago32910.631.0St. Louis28410.527.0Indianapolis1223.733.0Nashville1916.429.8Cincinnati1323.933.8Your array of objects cannot contain the mpg value. The value for miles per gallon must be calculated by the function calledwhen the button is clicked.

Accepted Answer

HTML:-

The Html stands for Hyper Text Markup Language
It uses an in-built tag
It is used to build a…