Bookmarklet Test Page
The subheader (h2)
This is the bold first paragraph.
Zombie Lorem ipsum reversus ab viral inferno, nam rick grimes malum
cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit,
morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum
mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra
adventus resi dentevil vultus comedat cerebella viventium.
A paragraph with some stuff...
Here is an image:
Go to google
Bookmarklet Exercises:
- Level 1
- alert(“Hello world”) bookmarklet
- Change first (only) paragraph bg color to blue
- Remove the subheader
- Change the page title to “Hacking the Browser rulez”
- Ask for fav color, change page bg to it
- Clicking the button changes its text to “Clicked”
- Level 2
-
Change the word “Lorem” to “Bacon” (everywhere). Bonus: Make it work
even if the user clicks one of the "more text" buttons.
-
Swap out all images with
placeholder images
-
Find the word the user has selected, remove all occurrences of it from
the page
- BuzzFeed.com: Remove all the headline links
- Reverse every word on the page
- Report (alert) a count of every link on the page
- Facebook: Add up total # of likes on page
- Overlay a box with the current time