IUPUI JavaScript Masterpiece Course Project

Your Course Project is your masterpiece.  It will be a culmination of all the JavaScript skills that you have learned throughout the semester. This is your opportunity to show your creativity and create a website that expresses your imagination. It is also an ideal time to create a website that you can add to your portfolio for showcasing your talent to prospective employers.

For your project, you will create a website that has a theme of your choosing. It can benefit a real or imaginary business, non-profit organization, or showcase your hobbies. The theme that you choose must be used for all labs in addition to the midterm submission and the final submission at the end of the semester. Please describe your theme in an HTML comment.For this lab, you will:

Create a new HTML file separate from previous labs. 

Use appropriate prefixes with all variablesVariable TypePrefixExamplestringstrstrUserNameintegerintintHeightBooleanbolbolHasBooksfloatfltfltAccountBalancepage elementelelOutput

1. Create and use a function that has parameters and either returns a value or sends output to a page element.
2. Create and use an array.

Use at least two arithmetic operators.

Use at least one string method.

Create and use an object that has properties and methods.

Use a Math Object method.

Use a Date Object method.

Use the keyword this.

Initialize your object with values, call each of the methods, and output the modified values.

Demonstrate the use of an if/else construct or switch statement with at least three case values and a default code block. 

Demonstrate the use of at least two comparison operators:

==

!=

===

!==

>

<

>=

<=

Demonstrate the use of at least one of the following logical operators:

&&

||

!

Use parseInt() to convert a string to an integer.

Use a loop.

Use a Truthy or a Falsy value in a condition without a comparison operator.

Use textContent to change the value of a page element’s content.

Use innerHTML to change a page element or add a new one.

Select page elements by class name.

Select a page element by id.

Remove a page element.

1. Add a class to an existing page element.
2. Use an event listener with parameters to produce visible results on the page when the user clicks a page element.
3. Demonstrate Event Bubbling.
4. After demonstrating Event Bubbling, use a method to stop Event Bubbling.
5. Use the Event Object in a function or method.
6. Create two focus/blur or focusin/focusout events that produce visible results on the page.
7. Create at least two different mouse events that produce visible results on the page.
8. Create at least one keyboard event that produces visible results on the page.

Create a form event that produces visible results on the page.

1. Demonstrate a mutation event that produces visible results on the page.
2. Create an event that alerts the user before leaving the page.