Wk5 HW Part 2: Create a web page dynamically show content based on user choice (Total Points: 50)

In this weeks second assignment 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. An example would be to let the user choose between 3 foods, then render an image and description about that food after they have chosen one.

Requirements:

• 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