Assignment

You will be modifying a javascript program. Javascript is a powerful computer language which works with browser software to add buttons, menus, etc.

Tips:

• Play with the webpage before editing it.

• Read through the webpage code before you edit it.

• Quickly view the website code within the browser by right-clicking on the webpage and selecting "View page source" (or keyboard shortcut Ctrl-U).

• Pay attention to the comments within the website code.

• Firefox and Internet Explorer are the recommended browsers (Chrome and Safari sometimes have problems displaying the webpage).

• Notepad++ for Windows and BBEdit for Mac are better alternatives to Notepad and Textedit.

Required Items:

• There is a button that reads "Click me!" Change this text from "Click me!" to any other text.

• When clicked, the button will create a pop-up window reading "Good job!". Replace this text with a different message.

• Add the current date, which should update to reflect whatever day it is when viewed.

o The script that accomplishes this is already in the file, but as a comment.
o Read the comments carefully. They will explain what to do.

• Modify the file so that it is possible to say two more things (other than hello and hate), such as "I like [person's name]" and "I love[person's name]". To accomplish this, you will need to make the appropriate changes in two places:

o Add two new options to the pull-down menu. Currently, there are the options Hate and Hello. Add two more, such as Love and Like.

o Add two new cases to the function my_function. This means that when the user selects Love or Like, the appropriate response will be displayed when the user clicks the "Greet" button.

• The pulldown menu only shows one item at a time. Make it so two items are displayed at a time. Note: This only shows up properly in Internet Explorer and Firefox.

• The left edge of the textbox (next to NAME) should be lined up with the left edge of the menu below it. Add spaces to push the textbox to the right.

o Look in the source code. A couple spaces have already been added.
o The spacing need not be perfect, just closer.

• There is a hyperlink that goes to the class webpage. It has several problems, which you will fix. The hyperlink says "Place your mouse on and off of this".

o Change the background color action:

- When the mouse first hovers over the text, the background will turn yellow. Make it turn pink instead.

- After the mouse moves off the text, the background remains the same color. Alter this so that moving the mouse off the text changes the background to blue. The command for turning the background blue works the same way as the code that changes it to yellow (or pink), except it is "onMouseOut" instead of "onMouseOver".

o Change the text

- Replace "Place your mouse on and off of this" with new text.