Create a new HTML file that contains all the necessary tags to produce the following webpage:

Assignment $4$

Enter a string and we will provide you with the ability to turn it upper case, lower case, and determine the

string's length. You'$11$ also be able to grab a portion of your string.

Enter your string here:

Start Index $($inclusive$)$: $,$ End Index $($exclusive$)$:

Output string will appear here.

Use type$=$"number" for the Start Index and End Index inputs to prevent anyone from typing letters into

these fields. When you access this value it will still be stored as a string, but you will be guaranteed the

string only contains numbers.

Create a new JavaScript file and link it to your HTML file.

In the JavaScript file, create the following five functions

toUpper $()$: Gets the value from the first text box, turns it to uppercase, and displays the new

value in the output paragraph.

tolower $()$: Gets the value from the first text box, turns it to lowercase, and displays the new

value in the output paragraph.

getLength$()$: Gets the value from the first text box, determines its length, and displays the

length in the output paragraph.

getSubstring$()$: Gets the value from the first text box, let's call it str$,$ as well as the values