Build a toolbar — practice exercise

What you'll be asked to do

1. 1.Build a toolbarexercise · easy · 10 min

   Add a menu with two command items.

   Passes when: Add a menu with two command items.

2. 2.One commandexercise · easy · 10 min · practice plan

   Add a menu holding a single button.

   Passes when: Add a menu holding a single button.

3. 3.Label the toolbarexercise · easy · 10 min · practice plan

   Give the menu an accessible label.

   Passes when: Give the menu an accessible label.

4. 4.Menu inside a toolbar regionexercise · easy · 10 min · practice plan

   Put the menu inside a nav.

   Passes when: Put the menu inside a nav.

5. 5.A labelled editing toolbarexercise · medium · 10 min · practice plan

   Build a labelled menu with three commands.

   Passes when: Build a labelled menu with three commands.

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

   Menu items are list items holding controls.

   Passes when: Menu items are list items holding controls.

7. 7.Fix the link used as a commandbug fix · easy · 8 min · practice plan

   An action is a button, not a link.

   Passes when: An action is a button, not a link.

8. 8.Fix the unlabelled toolbarbug fix · easy · 8 min · practice plan

   A toolbar needs a name.

   Passes when: A toolbar needs a name.

9. 9.Fix the menu outside the navbug fix · easy · 8 min · practice plan

   The toolbar belongs inside its navigation region.

   Passes when: The toolbar belongs inside its navigation region.

10. 10.Fix the missing third commandbug fix · easy · 8 min · practice plan

    Cut is missing from the toolbar.

    Passes when: Cut is missing from the toolbar.

Between them these tasks cover Toolbars, menu vs ul and Command lists.

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