Modify your previous $2$ JS homework$$s$,$ so it behaves as follows:

$1.$ As shown in Fig$1,$ when the page loads, it displays two input type$=$text elements, one for the user to enter the homework grades and the other one is for the user to enter their midterm grade. Note, no forms are being used for this homework.

$2.$ As shown in Fig$2,$ the user enters their homework grades and midterm exam grade; you can select to enter the homework grades each separated by space or comma, or anything of your choice.

$3.$ As the user clicks the purple Calculate button, the JS code will calculate the midterm grade and display the results and text as shown in Fig $3.$

Modify your previous $2$ JS homework's, so it behaves as follows:

As shown in Fig$1,$ when the page loads, it displays two input type$=$text

elements, one for the user to enter the homework grades and the other one is

for the user to enter their midterm grade. Note, no forms are being used for

this homework.

As shown in Fig$2,$ the user enters their homework grades and midterm exam

grade; you can select to enter the homework grades each separated by space

or comma, or anything of your choice.

As the user clicks the purple Claculate button, the JS code will calculate the

midterm grade and display the results and text as shown in Fig $3.$

Here is a sample run

Figure $1.$When the page first loads

Midterm Grade Calculator CSIS $255$

Enter Your homework scores, each seperated by a blank:

Enter Your midterm exam score:

Figure $2.$ After entering the data For this assignment you will upload $1$ zipped file consisting of $2$ files:

Your html file with just html

Your javascript file,