Heading 1
- Lorem ipsum dolor.
- Make background of
h1 orange - Make color of
h1 green -
- Create two embedded CSS classes:
- Class
.green has a color of green - Class
.orange has a background-color of orange
- Add some event listeners to the ordered list above:
- Click on first list item: copy the text form this list item to the
h1 tag - Mouse enters the second item: add the class
.orange to the h1 tag
Mouse leaves the second item: remove the class .orange from the h1 tag
- Double-click the third item: toggle the class
.green to the h1 tag - Click on the button inside the last item: rotate the
h1 tag by 180 degrees
Double-click the button: rotate the h1 tag back to 0 degrees