Create a web page dynamically show content based on user choice. you will using conditions and comparisons to take a user choice and dynamically load content on the web page. This can be whatever content and choices your want.
Use an external CSS & JS file, no internal or inline styles & scripts
Please comment your JS to break down your understanding of what is happening
Use the Window Prompt method (Links to an external site.) to offer the user at least 3 choices
Make sure you normalizes their inputs by converting their string text to lowercase using the string method of the same name
Make sure you create a default choice if the users input does not match any you have defined
Create a JS conditional statement that the compares the user inputs to your choices, depending on the condition render different content on the web page. You can use an if/else statement or switch statement it is up to you
HINT the CSS display property (Links to an external site.) can make this very simple
Web page content
Provide either an image or video for each content choice
Create a description of the content
Create a heading for the content that says "You Chose (input value)"
Style your page
Font, color, spacing and layout should be intentional and not default for all other elements on the page
Use classes for styling
As always no CSS frameworks all custom creations from your original self
Confirm that the code is properly indented & formatted.
Validate your code, there should be no errors
Save your files on your system in a folder called HW5Part2
Upload your folder and files to your ASU webspace
Submit your assignment using a link from your WebHost
Please watch the following video if you have questions:
Play media comment.
Point Distribution:
External Style Sheet/External JS File = 10pts
Proper commenting of JS/CSS/HTML = 5pts. For the rest of your programming career you will be commenting your code. Now is a good time to get used to it, make it a habit, and be sure to put your name in your JS code.
Proper Use of Window Prompt Method = 10pts
Use of Conditional Statements= 10pts
Conditioning upper/lower case letters = 5pts
Content, look and feel of site. Site should look neat and clean. 10pt