JavaScript DOM Manipulation Workshop

Challenge 1: Style Manipulation

Change the style (think font size, color, text decoration, any property really) of this paragraph using JavaScript.

Challenge 2: Element Creation

Add a new rectangle here using Javascript

Challenge 3: Text Modification

Change this heading text

Challenge 4: Class Toggle

Click the button to toggle highlighting on this text. Do this by adding and removing a CSS class that's already in your styles

Challenge 5: Element Removal

Remove all paragraphs from this specific card. Look at the classes on the paragraphs to figure out how to select all the paragraphs.

This is paragraph 1

This is paragraph 2 - remove me!

This is paragraph 3

Use a loop to create 10 paragraphs below