anantakrroy/firstbookmarklet.markdown

## firstbookmarklet.markdown

      
    Raw
  

              firstbookmarklet.markdown
            
          
    FirstBookmarklet

A Pen by Ananta on CodePen.
License.

  
## index.html
<!DOCTYPE html>

<html>
    <head>
        <title>Bookmarklets</title>
    </head>
    <body>
        <h2>Bookmarklet Example</h2>
        <p>This is a <a href="javascript:(function() {let script = document.createElement('script');script.src = 'http://localhost:8000/bookmarklet.js';document.body.appendChild(script);})();">bookmarklet</a></p>
    </body>
</html>

## script.js
(function() {
    let paragraph = document.getElementsByTagName('p');
    for(let i = 0; i < paragraph.length; i++) {
        paragraph[i].style['backgroundColor'] = '#AC4BD3';
    }
})();
	<!DOCTYPE html>

	<html>
	<head>
	<title>Bookmarklets</title>
	</head>
	<body>
	<h2>Bookmarklet Example</h2>
	<p>This is a <a href="javascript:(function() {let script = document.createElement('script');script.src = 'http://localhost:8000/bookmarklet.js';document.body.appendChild(script);})();">bookmarklet</a></p>
	</body>
	</html>
	(function() {
	let paragraph = document.getElementsByTagName('p');
	for(let i = 0; i < paragraph.length; i++) {
	paragraph[i].style['backgroundColor'] = '#AC4BD3';
	}
	})();