Created
January 18, 2017 18:25
-
-
Save v/b0c78eea93ef53887e0826042686514a to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=b0c78eea93ef53887e0826042686514a
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>Do Now - Manipulating HTML</title> | |
| </head> | |
| <body> | |
| <!-- exercise 1 --> | |
| <div id="ex1"> | |
| <!-- add the text "Today is Wednesday" in the div below. --> | |
| <div id="ex1-results"></div> | |
| </div> | |
| <!-- exercise 2 --> | |
| <div id="ex2"> | |
| <!-- remove the text from the div below. --> | |
| <div id="ex2-results"> | |
| This text should not show up on the page. | |
| </div> | |
| </div> | |
| <!-- exercise 3 --> | |
| <div id="ex3"> | |
| <form> | |
| Search Term: | |
| <input name="query" value="confetti"/> | |
| </form> | |
| <!-- add the text "There are 25 results for confetti" in the div below. --> | |
| <div id="ex3-results"></div> | |
| </div> | |
| <!-- exercise 4 --> | |
| <div id="ex4"> | |
| <form> | |
| Size of image: | |
| <input name="size" value="400" /> | |
| </form> | |
| <!-- place an image inside this div of size 400x400. | |
| URL: https://placehold.it/400x400 --> | |
| <div id="ex4-results"></div> | |
| </div> | |
| <!-- exercise 5 --> | |
| <div id="ex5"> | |
| <form> | |
| Length of image: | |
| <input name="length" value="400" /> | |
| Width of image: | |
| <input name="width" value="800" /> | |
| </form> | |
| <!-- | |
| place two images inside this div. | |
| first is of size 400x800. https://placehold.it/400x800 | |
| second is of size 800x400. https://placehold.it/800x400 | |
| --> | |
| <div id="ex5-results"></div> | |
| </div> | |
| <!-- exercise 6 --> | |
| <div id="ex6"> | |
| <!-- disable the button below --> | |
| <div id="ex6-results"> | |
| <button> Disabled button </button> | |
| </div> | |
| </div> | |
| <!-- exercise 7 --> | |
| <div class="ex7"> | |
| <!-- modify the button below to look like a primary bootstrap button --> | |
| <div id="ex7-results"> | |
| <button> Primary Bootstrap Button </button> | |
| </div> | |
| </div> | |
| </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
| {"enabledLibraries":["bootstrap"]} |
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
| //no javascript is required for this exercise. | |
| //simply edit the 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
| /* no CSS is required for this exercise */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment