I need assistance with Hands$-$On Project $6-2$ in Javascript Web Warriors.

Figure $6-39$ Completed Project $6-2$

Do the following:

Use your code editor to open the project$06-02\_$txt$.$html and project$06-02\_$txt$.$js files from the js $06-$project$02$ folder. Enter your name and the date in the comment section of each file and save them as

project$06-02.$html and project$06-02.$js$,$ respectively.

Go to the project$06-02.$html file in your code editor and link the page to the project$06-02.$js file, deferring load of the script. Study the contents of the file and note that with each option the URL address is stored as the options value. Save your changes to the file.

Go to the project$06-02.$js file in your code editor. Add an event listener that runs an anonymous function when the page loads.

Within the anonymous function, add a statement that uses the querySelectorAll $()$ method to create a node list of all elements matching the CSS selector form#govLinks select. Store the node list in the

allselect variable. Also, within the anonymous function: Insert a for loop that iterates through all of the contents of the allselect node list. At each iteration of the allselect node list do the following:

a$.$ Apply the onchange event handler to allselect $[$i$]$ to run an anonymous function when the selection list option is changed. Add the parameter evt to the anonymous function.

b$.$ Within the nested anonymous function retrieve the value property of evt. target and store it in the

linkURL variable.

c$.$ Within the nested anonymous function: Use the window. open $()$ method to open a new browser window with linkURL as the url of the window. You do not have to set a name for the window or any windowoptions. Store the window under the newWin variable. Save your changes to the file and then open project$06-02.$html in your web browser.

Verify that by selecting an entry from one of three selection lists, the web page for that entry opens in a new browser tab or window.