Add a dialog — practice exercise

What you'll be asked to do

1. 1.Add a dialogexercise · easy · 10 min

   Add a dialog with a message inside.

   Passes when: Add a dialog with a message inside.

2. 2.Open itexercise · easy · 10 min · practice plan

   Make the dialog visible from the start.

   Passes when: Make the dialog visible from the start.

3. 3.Add a close buttonexercise · easy · 10 min · practice plan

   Put a close button inside the dialog.

   Passes when: Put a close button inside the dialog.

4. 4.Title the dialogexercise · easy · 10 min · practice plan

   Add a heading naming the dialog.

   Passes when: Add a heading naming the dialog.

5. 5.A confirmation dialogexercise · medium · 10 min · practice plan

   Build an open dialog with a title and two buttons.

   Passes when: Build an open dialog with a title and two buttons.

6. 6.Fix the div used as a dialogbug fix · easy · 8 min

   A modal has its own element.

   Passes when: A modal has its own element.

7. 7.Fix the wrong attribute for visibilitybug fix · easy · 8 min · practice plan

   A dialog is shown with the open attribute.

   Passes when: A dialog is shown with the open attribute.

8. 8.Fix the close control outsidebug fix · easy · 8 min · practice plan

   The close button belongs inside the dialog.

   Passes when: The close button belongs inside the dialog.

9. 9.Fix the dialog with no titlebug fix · easy · 8 min · practice plan

   The dialog does not say what it is asking.

   Passes when: The dialog does not say what it is asking.

10. 10.Fix the missing cancel optionbug fix · easy · 8 min · practice plan

    A confirmation needs a way out.

    Passes when: A confirmation needs a way out.

Between them these tasks cover Modals, open attribute and Close buttons.

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