A dropdown with options — practice exercise

What you'll be asked to do

1. 1.A dropdown with optionsexercise · easy · 10 min

   Add a named select with two options.

   Passes when: Add a named select with two options.

2. 2.A button inside the selectexercise · easy · 10 min · practice plan

   Add the button that shows the current choice.

   Passes when: Add the button that shows the current choice.

3. 3.Richer option contentexercise · easy · 10 min · practice plan

   Put a span inside an option.

   Passes when: Put a span inside an option.

4. 4.Preselect a valueexercise · easy · 10 min · practice plan

   Mark the second option as selected.

   Passes when: Mark the second option as selected.

5. 5.A labelled custom pickerexercise · medium · 10 min · practice plan

   Build a labelled select with a button and two options.

   Passes when: Build a labelled select with a button and two options.

6. 6.Fix the divs used as optionsbug fix · easy · 8 min

   A dropdown holds option elements.

   Passes when: A dropdown holds option elements.

7. 7.Fix the button placed outsidebug fix · easy · 8 min · practice plan

   The trigger belongs inside the select.

   Passes when: The trigger belongs inside the select.

8. 8.Fix the swatch outside the optionbug fix · easy · 8 min · practice plan

   The rich content belongs inside the option.

   Passes when: The rich content belongs inside the option.

9. 9.Fix the default marked with checkedbug fix · easy · 8 min · practice plan

   Options use selected, not checked.

   Passes when: Options use selected, not checked.

10. 10.Fix the picker with no labelbug fix · easy · 8 min · practice plan

    The control does not say what it chooses.

    Passes when: The control does not say what it chooses.

Between them these tasks cover Customisable select, Rendering the chosen option and Fallbacks.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.