Give the button an id — practice exercise

What you'll be asked to do

1. 1.Give the button an idexercise · easy · 10 min

   Add a button a script can find by id.

   Passes when: Add a button a script can find by id.

2. 2.Two identified controlsexercise · easy · 10 min · practice plan

   Add two buttons, each with its own id.

   Passes when: Add two buttons, each with its own id.

3. 3.A described controlexercise · easy · 10 min · practice plan

   Give the button an accessible label.

   Passes when: Give the button an accessible label.

4. 4.A form with a submitexercise · easy · 10 min · practice plan

   Add a form whose button submits it.

   Passes when: Add a form whose button submits it.

5. 5.A script-ready pageexercise · medium · 10 min · practice plan

   Add an identified button and a deferred script.

   Passes when: Add an identified button and a deferred script.

6. 6.Fix the inline handlerbug fix · easy · 8 min

   Behaviour belongs in a script, not an onclick attribute.

   Passes when: Behaviour belongs in a script, not an onclick attribute.

7. 7.Fix the second control with no idbug fix · easy · 8 min · practice plan

   A script cannot find the cancel button.

   Passes when: A script cannot find the cancel button.

8. 8.Fix the icon button with no namebug fix · easy · 8 min · practice plan

   A symbol alone tells a screen reader nothing.

   Passes when: A symbol alone tells a screen reader nothing.

9. 9.Fix the form submitted by an inline handlerbug fix · easy · 8 min · practice plan

   A submit button submits the form on its own.

   Passes when: A submit button submits the form on its own.

10. 10.Fix the page with no scriptbug fix · easy · 8 min · practice plan

    The identified button has nothing wired to it.

    Passes when: The identified button has nothing wired to it.

Between them these tasks cover Inline handlers, Why to avoid them and Buttons and ids.

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