Option List Lab

Medium
61
3
41.7% Acceptance

In this lab, you will create an unordered list containing five option items. Each option will have a different style, and users can select or deselect the options by clicking on them.

When a user clicks on any option, it will toggle the 'selected' status of that option. You will display the selected options text content in a paragraph element with the id 'selected-items'.

When no items are selected, display the message 'No items selected' inside the paragraph element.

Requirements:

  • HTML for the list structure.
  • Inline CSS to style each list item.
  • JavaScript to handle click events and update the content of the paragraph element.