DOM practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice DOM overview by building one step of a small real project feature and checking the result.

code-writing
beginnerDOM overview

1. Start from the DOM overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice DOM setup by building one step of a small real project feature and checking the result.

code-fix
beginnerDOM setup

1. Start from the DOM setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice DOM syntax by building one step of a small real project feature and checking the result.

output
beginnerDOM syntax

1. Start from the DOM syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice DOM examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerDOM examples

1. Start from the DOM examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice DOM workflow by building one step of a small real project feature and checking the result.

true-false
beginnerDOM workflow

1. Start from the DOM workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice DOM validation by building one step of a small real project feature and checking the result.

mini-project
beginnerDOM validation

1. Start from the DOM validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice DOM debugging by building one step of a small real project feature and checking the result.

mcq
beginnerDOM debugging

1. Start from the DOM debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice DOM best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerDOM best practices

1. Start from the DOM best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice DOM overview by building one step of a small real project feature and checking the result.

code-fix
beginnerDOM overview

1. Start from the DOM overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice DOM setup by building one step of a small real project feature and checking the result.

output
beginnerDOM setup

1. Start from the DOM setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice DOM syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateDOM syntax

1. Start from the DOM syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice DOM examples by building one step of a small real project feature and checking the result.

true-false
intermediateDOM examples

1. Start from the DOM examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice DOM workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateDOM workflow

1. Start from the DOM workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice DOM validation by building one step of a small real project feature and checking the result.

mcq
intermediateDOM validation

1. Start from the DOM validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice DOM debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateDOM debugging

1. Start from the DOM debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice DOM best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateDOM best practices

1. Start from the DOM best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice DOM overview by building one step of a small real project feature and checking the result.

output
intermediateDOM overview

1. Start from the DOM overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice DOM setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateDOM setup

1. Start from the DOM setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.