Read description and rubric carefully. Submitting incorrect file types or failing to meet the criterion listed below will likely result in a grade of zero

For project one, you will be building a simple JavaScript-powered personality quiz that evaluates user input to make a determination. Good examples of this model include Harry Potter sorting hat quizzes, Divergent faction tests, personality tests, and other Buzzfeed quizzes Links to an external site.: your quiz should have a compelling original theme and content. Remember to prioritize the union of HTML5, CSS, and JavaScript towards creating a compelling and playful user experience. All questions, answer choices, and the result should be displayed on the same page. Do not show the result on a separate page, or through a pop-up / alert!

Your quiz should:

• Take in and store user input from at least ten different questions answered by the user via HTML form elements (2 points)
• Match user input on each question to a set of potential results (minimum of 3 possible results) you've designed (2 points)
• After completing the questions, assign the user to one of the results (depending on what answers they chose). Display the appropriate text, depending on the specific result (2 points)
• ...and an image, depending on the specific result (2 points)
• Include original theme and content (2 points)
• This assignment, like all other assignments, must be uploaded through Sulley. You must provide a link to your site on Sulley in the submission comments. I cannot access your Sulley site without a link. Submitting on Sulley, without submitting on Webcourses, does not count as an official submission for this course, and may result in a zero. Submitting on webcourses, without providing a working Sulley link will result in a loss of points. You must do both!

Rubric

• An A-Level project will: demonstrate clear mastery of HTML and CSS through use of media queries and well-structured HTML elements; use JavaScript for complex decision-making based on user input; dynamically update the display with content appropriate to the user's choices; and furthermore incorporate an original element such as reading in the data for the quiz from an outside source (e.g., JSON file), using animation or dynamic interaction during the quiz, or adding on additional interactive component. In other words, do something that goes above and beyond the requirements of this assignment. This is an opportunity to customize your learning experience by learning something you find interesting - not something I find interesting!
• A B-Level project will: demonstrate mastery of HTML and CSS through media queries and well-structured HTML, perhaps with some bugs in display; use JavaScript for decision-making based on user input; and dynamically update the display with content appropriate to the user's choices.
• A C-Level project will use JavaScript, HTML, and CSS to deliver a responsive quiz, but may include bugs in the coding that interfere with the display or functionality. Most of the elements of a working quiz should be present to receive a "C."
• A D-Level project is submitted, but mostly non-functional or fails to meet the project requirements as specified above.
• A failing grade is reserved for work that is either not submitted, plagiarized, or where the project requirements are not reasonably attempted.

Remember, it is better to submit an incomplete or buggy project on-time than to not submit at all! This project is due at 11:59PM, and no late work will be accepted. 12:00AM is late.

Assignment Requirements

In addition to the requirements listed in the description, you should submit your files in a .zip file through webcourses. You also need to host this site on Sulley.

In the submission comments section, you must include the URL to the hosted site. Test your site from a different computer, before submitting. If you do not include the URL, or the site does not display properly, you may receive a zero on this assignment. Make sure both the file is uploaded, and the submission comments are displaying.

Remember, you cannot use external libraries (such as jQuery) for this class!