Created
December 5, 2016 23:40
-
-
Save jackrr/bf639adfb6863f4d9dba30fdfc0e531d to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=bf639adfb6863f4d9dba30fdfc0e531d
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Page Title</title> | |
| </head> | |
| <body> | |
| <!-- DO NOT CHANGE THE HTML!! :) !! --> | |
| <h1>Shapes</h1> | |
| <div id="square" class="shape"></div> | |
| <div id="circle1" class="shape circle"></div> | |
| <div id="circle2" class="shape circle"></div> | |
| <!-- DO NOT CHANGE THE HTML!! :) !! --> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 1. Give the header your favorite font | |
| // 2. Every shape should turn red on click | |
| // 3. Make the square disappear when you click circle1 | |
| // 4. Make the square re-appear when you click circle2 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .shape { | |
| height: 80px; | |
| width: 80px; | |
| margin-right: 20px; | |
| background-color: black; | |
| display: inline-block; | |
| } | |
| .circle { | |
| border-radius: 50%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment