Create a page, preferable if you use bootstrap, that has a div with content “I am div”
Then below it, have three checkboxes. The checkboxes are labeled as color, border and font.
When the color is checked, the content in the div changes its color from default black to blue. If the checkbox with border is checked, the content will be given border of 2px brown solid. And if the font is checked, the font of the content is increased to 40px.
When the checkboxes are unchecked, then the content is restored to its original format, like unchecking the color will put the content back to its default black color.
What to get after the exercise?
When you are working on this exercise, you will:
- Learn/refresh how to create a page with bootstrap.
- Handling checkbox events and corresponding event handler.
- Using document object for assign and un-assign styles from element.