14 Problem Set

Click the Circle

Create a webpage that every time you click on the circle it changes to a random color and moves to a random position on the page. Also have the heading change to the rgb color value of random color.

  • create single circle using a div and a heading with an h1.
  • use selectors, modifiers, and an event listener to trigger the changes.
  • For a bonus, consider using an icon from font awesome. You’ll use an <i> element instead of a div. And for a super-bonus have the icon animate in some way.

 

Leave a comment

Your email address will not be published. Required fields are marked *