CSCI 107 HTML/CSS/JavaScript Project

Purpose

Add some JavaScript to the ugly page your wrote for the HTML/CSS Project.

Due dates

This assignment should be completed by 11:55 PM on Friday, 22 April, to Moodle at HTML/CSS/JavaScript Project.

Your HTML, CSS and JavaScript should be in three separate files! Your CSS file should be the same file as the CSS you turned in for HTML/CSS Project. Your HTML file should be almost the same file as the HTML you turned in for HTML/CSS Project. The only difference should be the addition of id attributes to a few tags. The JavaScript file should be new.

The assignment

I am not looking a lot here. Just do all of the following at least once. (Many of these will be combined into one action.)

• Handle a mouse click
• Set and handle a timeout event
• Modify at least two different style elements
• Modify at least one HTML text field
• Use the setAttribute method to change the src of an img tag

Do not worry about being clever. Just Do It.

But tell me what you did!

Because it might be hard for anyone to figure out the glorious things your JavaScript is doing, include a paragraph in your HTML that explains how to find the magic. This is a bit like a work log.