Question Description
Specific Instructions for Assignment 7:
For this assignment, you will add the following JavaScript functionality to the home page of your website:
1) Add a button on your home page that displays the current date and time on your webpage when the user clicks the button.
(See an example here: https://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst)
2) Using the onmouseover and onmouseout attributes, write Javascript code that changes the color of the main heading on your homepage when the user mouses over it and changes the color of the same heading back to its original color again when the user mouses away from it. Make sure the colors you choose provide sufficient contrast for your instructor to easily see the color change when mousing over the heading and away from it.
(See an example here: https://www.w3schools.com/js/tryit.asp?filename=tryjs_events_onmouse)
3) Write two custom JavaScript functions: one that changes the text of an HTML element to a secret message (of your choice!), and another that changes the text of an HTML element back to the default text ("Mouse Over Me"). Create a box on your home page that displays the text "Mouse Over Me." To create the box, use the <div> element with the height, width, padding, and background-color attributes. Additionally, use the onmouseover and onmouseout attributes to call your two custom JavaScript functions, to accomplish the following: A new message should display to the user when they mouse over the box (use some creativity to write an interesting secret message!). The text "Mouse Over Me" should display in the box again when the user mouses away from the box.
(See an example here: https://www.w3schools.com/js/tryit.asp?filename=tryjs_events_mouseover)
Before submitting your web site:
- Validate all HTML files at https://validator.w3.org/#validate_by_upload, using the "Validate by File Upload" option, and fix any errors that the validator identifies before submitting your web site for grading.
- Validate your CSS file at https://jigsaw.w3.org/css-validator/#validate_by_upload, using the "Validate by File Upload" option, and fix any errors that the validator identifies before submitting your web site for grading.
Note: It is critical that you debug and fix ALL errors identified by these two code validators before submitting your assignments. Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that your code files pass validation.
Submission Instructions: Create a zip file containing all files related to your web page (.html files, .css file, image files, and/or multimedia files). Make sure you maintain the necessary directory structure in your zip file so that your webpages will view correctly when unzipped. In other words, if your images are in a sub-folder on your computer, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip file, too. Submit only the zip file for grading.
|
Rubric for Grading Assignment |
Points |
| Webpages (HTML files) validate without errors at https://validator.w3.org/#validate_by_upload | 10 |
| Style sheet (CSS file) validates without errors at https://jigsaw.w3.org/css-validator/#validate_by_upload | 10 |
| Website contains well-written, well-thought-out, creative, attractive, and well-organized content (uses paragraph, line break, heading tags, and horizontal rules appropriately to organize content) | 10 |
| Correct use of all basic elements in a webpage document (Ex: DOCTYPE, html, head, body, meta, title, link, etc.) on every HTML page | 10 |
| Consistent navigation menu on all pages of your website, using local hyperlinks (coded with relative paths) | 5 |
| CSS style sheet containing appropriate formatting for your website, linked into all HTML pages on your website | 10 |
| Correctly coded JavaScript functionality (as specified in instructions above) | 40 |
| Correctly created zip file that contains all files for webpage (maintaining original folder structure) | 5 |
| Total | 100 |
| ***Note: Your website must include all required JavaScript functionality, as specified in the instructions above, to receive any credit for this assignment. Websites submitted without working JavaScript functionality will not receive credit. |
Please No Plagiarism
Please use APA formatting and in text cititation
Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteDemy. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Fill in all the assignment paper details that are required in the order form with the standard information being the page count, deadline, academic level and type of paper. It is advisable to have this information at hand so that you can quickly fill in the necessary information needed in the form for the essay writer to be immediately assigned to your writing project. Make payment for the custom essay order to enable us to assign a suitable writer to your order. Payments are made through Paypal on a secured billing page. Finally, sit back and relax.
About Writedemy
We are a professional paper writing website. If you have searched a question and bumped into our website just know you are in the right place to get help in your coursework. We offer HIGH QUALITY & PLAGIARISM FREE Papers.
How It Works
To make an Order you only need to click on “Place Order” and we will direct you to our Order Page. Fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Are there Discounts?
All new clients are eligible for 20% off in their first Order. Our payment method is safe and secure.