WDV221 Intro Javascript

Final Exam Project

Changing Presentation

Javascript allows us to dynamically change the presentation of a web page as the viewer is watching. The style object from the document object can be accessed and updated with Javascript to make those changes.

Please do all work on this page.

Rubric:

• 0 Not Attemped
• 2 Radio buttons formatted an working as radio buttons should.
• 3 A function is called that changes the form to the desired color or the Reset buttons works as described.
• 5 Both functions work as expexted.

2. Create one or more javascript scripts to display sale information.

Get your Sale discount!

• The sale image should not be part of the page when the page loads.
• When you mouseover the Sale line display the sale image.
• When you mouseover the Sale line change its text color to red.
• When your mouse leaves the Sale line the sale image should be removed from the page.
• When your mouse leaves the Sale line the color should return to its original color.

Rubric:

• 0 Not Attemped
• 2 The sale image is properly removed from the page when the page is loaded.
• 3 The image displays or the text turns red on mouseover of the Sale line.
• 4 The image displays and the text turns red on mouseover of the Sale line.
• 5 When the mouse leaves the Sale line it correctly returns the affected content to its original presentation.

Rubric:

• 0 Not Attemped
• 2 A function is called when a value is selected and runs without an error.
• 3 The selected font is displayed in the New Font text field.
• 4 The function correctly changes the font on the form based upon the color.
• 5 The font is correctly changed and the Reset returns the form to its original presentation.