Question: 2 . Use your code editor to open the project 0 9 - 0 2 a _ txt . html , project 0 9 -

2. Use your code editor to open the project09-02a_txt.html, project09-02a_txt.js, project09-02b_txt.html, and project09-02b_txt.js files from the js09 c project02 folder. Enter your name and the date in the comment section of each file and save them as project09-02a.html, project09-02a.js, project09-02b.html, and project09-02b.js, respectively.
3. Go to the project09-02a.html file in your code editor and add a script element linked to the project09-02a.js file. Defer the loading of the script until the page finishes loading. Study the contents of the file and then close it, saving your changes.
4. Go to the project09-02a.js file in your code editor. At the bottom of the file insert an onclick button that runs the showData() function when the Submit button is clicked.
5. Add the showData() function and within the function insert the following commands:
a. Insert a command to store the value of the riderName object in a session storage object named riderName.
b. Repeat the previous step for the ageGroup, bikeOption, routeOption, accOption, region, miles, and comments objects.
c. Add a command that changes the value of the location.href object to the project09-02b.html file.
6. Close the file, saving your changes.
7. Go to the project09-02b.html file in your code editor and add a script element linked to the project09-02b.js file. As before, defer the loading of the script until the page loads. Review the contents of the file and then close it, saving your changes.
8. Go to the project09-02b.js file in your code editor. At the bottom of the file insert a command to retrieve the value of the riderName key from session storage and store that value in the text content of the riderName object in the web page.
9. Repeat Step 7 for the ageGroup, bikeOption, routeOption, accOption, region, miles, and comments keys.
10. Save your changes to the file and then load project09-02a.html in your web browser. Enter sample membership data in the web form and then click the Submit button. Verify that the project09-02b.html opens and that the membership

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!