The information needed to complete this lab can be found in your textbook and the learning modules here in Canvas. There is no need to copy code from the internet to complete your assignment. Doing so will result in academic dishonesty penalties per the course syllabus.
When your main page loads, prompt the user for their name and store it in a variable. Then create analertthat welcomes the user to the page using the name they entered. (HINT: the instructions indicate the event handler to use!)
On each of your pages, use javascript to display automatically the day/time the page was last updated. (HINT: This is a property of the document!)
On at least two of your images on your image page, add a script that displays an alert when the user clicks one of the images. The alert should give a short description or additional information about the image.
Add a countdown to something relevant to the company (holiday, event, specials/sales, etc.) and display the output in your HTML. This should update automatically subtracting the date of the event and the current date. The output will look something like "There are ### days until the sale!" where ### is automatically filled in with the number of days calculated using the javascript. This should not be a countdown clock that ticks away second, minutes, etc. This should be done using afunction.
Add an array of quotes or facts related to your company and have a javascript generate a random number that is in turn, used to display one of the quotes randomly in your HTML. You array should contain at least 5 quotes. When the page reloads, a new quote should appear. This also needs to be done using afunction.
EXTRA CREDIT: Go to http://www.javascriptkit.com/howto/show1.shtml (Links to an external site.) and choose one of the two tutorials on creating a slideshow. Work through the code using your images to create a slideshow on your site.
Zip all of your files, including your html, css, and image files, and attach here in the assignment tool by the due date. Even if some of your scripts are not working, be sure and publish them so you can receive partial credit where possible.
Rubric
Lab 5
Lab 5
|
Criteria
|
Ratings
|
Pts
|
This criterion is linked to a Learning OutcomeScript 1: Prompt User
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 1: Store in Variable
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 1: Alert
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 1: Concatenation
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 2: lastModified script
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 2: Used on all pages
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 3: onClick event
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 3: Alert
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 4: Create two dates
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 4: Subtract two dates
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 4: Convert to days and round
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 4: document.write output
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 4: Function for countdown
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5: Create array
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5: Populate array
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5: Create random number
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5; Select quote from array using random number
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5: Disply quote
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5: Function for quotes
|
5.0 pts
|
This criterion is linked to a Learning OutcomeScript 5 & 6: Quotes and countdown appropriate to business
|
5.0 pts
|
Total Points: 100.0
|