HTML DOM practice

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

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

code-writing
beginnerHTML DOM overview

1. Start from the HTML 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 HTML DOM setup by building one step of a small real project feature and checking the result.

code-fix
beginnerHTML DOM setup

1. Start from the HTML 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 HTML DOM syntax by building one step of a small real project feature and checking the result.

output
beginnerHTML DOM syntax

1. Start from the HTML 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 HTML DOM examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerHTML DOM examples

1. Start from the HTML 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 HTML DOM workflow by building one step of a small real project feature and checking the result.

true-false
beginnerHTML DOM workflow

1. Start from the HTML 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 HTML DOM validation by building one step of a small real project feature and checking the result.

mini-project
beginnerHTML DOM validation

1. Start from the HTML 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 HTML DOM debugging by building one step of a small real project feature and checking the result.

mcq
beginnerHTML DOM debugging

1. Start from the HTML 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 HTML DOM best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerHTML DOM best practices

1. Start from the HTML 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 HTML DOM overview by building one step of a small real project feature and checking the result.

code-fix
beginnerHTML DOM overview

1. Start from the HTML 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 HTML DOM setup by building one step of a small real project feature and checking the result.

output
beginnerHTML DOM setup

1. Start from the HTML 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 HTML DOM syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateHTML DOM syntax

1. Start from the HTML 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 HTML DOM examples by building one step of a small real project feature and checking the result.

true-false
intermediateHTML DOM examples

1. Start from the HTML 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 HTML DOM workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateHTML DOM workflow

1. Start from the HTML 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 HTML DOM validation by building one step of a small real project feature and checking the result.

mcq
intermediateHTML DOM validation

1. Start from the HTML 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 HTML DOM debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateHTML DOM debugging

1. Start from the HTML 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 HTML DOM best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateHTML DOM best practices

1. Start from the HTML 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 HTML DOM overview by building one step of a small real project feature and checking the result.

output
intermediateHTML DOM overview

1. Start from the HTML 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 HTML DOM setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateHTML DOM setup

1. Start from the HTML 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.