Lab 12 ─ Image Maps



CSCE 102 Lab 10 — Image Rotation and

Quiz Grade Calculator

General information

Read the entire assignment before you start.

Always maintain backup copies of your work, and work on the X- drive during lab.

Never share your password or flash drive with anyone.

Never email your code to anyone.

Maintain the standards of academic honesty discussed in lecture and in previous labs. The work you turn in must be your work.

Lab10axx.html — Image Rotation

Before you start be certain that you have watched the video on Blackboard called Shift and Enlarge. That video shows a similar problem – your problem only shifts in one direction and does not have buttons -you just click on any image to call the function.

Create lab10axx.html in the editor and save it in your All_102Submissions folder.

Use 4 images.

Save all your images in a folder called lab19_cyclic_images in your All_102Submissions. folder

Set all images to have a width of 350px and a height of 350px.

Watch this video:

Arrange your images on your web page as shown in the video. There are multiple ways to do this, using a table would be an easy way.

Use a single JavaScript function to rotate your images clockwise in a cyclic fashion as described in the video.

Lab10bxx.html — Quiz Grade Calculator

Before you start, be certain that you have watched the Forms Textboxes and Buttons video, the two arithmetic videos Writing a Function With Parameters – Add and Arithmetic without forms and the 3 minute Math.round video and the two if statements videos, Introduction to the If Statement, and Using the If Statement. These videos are short ~ 3-19 minutes and will help you with the assignment.

Part I — lab10bxx.html - Save your assignment in your All_102Submissions folder.

The user will enter the eight grades and the program will write the average of the grades in a text box.

Create a page that has eight text boxes for entering quiz grades.

Include appropriate headings to the left or above of the text boxes.

And one more text box for the quiz average.

Include an h2 below the text box that holds the average that says That's My quiz average? .

Crate a button that when clicked

calls a function that:

calculates the rounded average

Round the average using the JavaScript function Math.round.

writes the rounded average into the 9th text box.

And if the average is greater than or equal to 90

replace the text in the h2 that says That's My quiz average? with text that says I got the A!

Give the h2 an id and use an assignment statement – innerHTML.

And turn the background color of the page to red.

Carefully test your code and make sure it is correct.

Update All_Index.html

Include a link to lab10axx.html and lab10bxx.html in the list of links in your All_Index.html file. We are clicking on the link to grade your work. If the link is not there we think you didn't turn it in. We no longer have the printed copy.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download