Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Please help with CSS & Javascript while using conditions and comparisons to take a user choice and dynamically load content on the web page. This

Please help with CSS & Javascript while 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 & Javascript file, no internal or inline styles & scripts
    • Please comment your Javascript to break down your understanding of what is happening
  • Use the Windows Prompt method 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 Javascript 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 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

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Graph Databases In Action

Authors: Dave Bechberger, Josh Perryman

1st Edition

1617296376, 978-1617296376

More Books

Students also viewed these Databases questions

Question

Question How is life insurance used in a DBO plan?

Answered: 1 week ago