Heading 1
- Lorem ipsum dolor.
- Make background of
h1
orange - Make color of
h1
green
-
Create two embedded CSS classes:
-
Class
.green
has acolor
ofgreen
- Class
.orange
has abackground-color
oforange
-
Class
-
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 theh1
tag
Mouse leaves the second item: remove the class.orange
from theh1
tag
- Double-click the third item: toggle the class
.green
to theh1
tag -
Click on the button inside the last item: rotate the
h1
tag by 180 degrees
Double-click the button: rotate theh1
tag back to 0 degrees
- Click on first list item: copy the text form this list item to the
// Basic DOM manipulation