Created
February 9, 2016 22:00
-
-
Save anonymous/23d5a823a0c4ca063411 to your computer and use it in GitHub Desktop.
JS Bin // source http://jsbin.com/revixi
This file contains 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> | |
| <script src="https://code.jquery.com/jquery-1.9.1.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| body{ | |
| margin-bottom: 100px; | |
| } | |
| p{ | |
| font-size: 2em; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1> HVA </h1> | |
| <hr> | |
| <div id="joke-1"> | |
| <p>Why did the chicken go to the séance?</p> | |
| </div> | |
| <hr> | |
| <div id="joke-2"> | |
| <p> What do you call a parade of rabbits hopping backwards? </p> | |
| </div> | |
| <hr> | |
| <img id="joke-3" src="http://cdn.meme.am/instances2/500x/4226262.jpg"> | |
| <hr> | |
| <div id="joke-4"> | |
| <p> Insert text. </p> | |
| </div> | |
| <div id="answer-4"> | |
| <p> Insert text. </p> | |
| </div> | |
| <script id="jsbin-javascript"> | |
| $("#joke-1").click( function(){ | |
| $("#joke-1").text("To get to the other side haahahahaha...no..ok"); | |
| }); | |
| $("#joke-2").click( function(){ | |
| $("#joke-2").text("a receding hare-line"); | |
| }); | |
| // .text() | |
| // .append() | |
| // .attr() | |
| // .css() | |
| $("#joke-3").click( function(){ | |
| $("#joke-3").attr("src", ); | |
| }); | |
| </script> | |
| <script id="jsbin-source-css" type="text/css">body{ | |
| margin-bottom: 100px; | |
| } | |
| p{ | |
| font-size: 2em; | |
| } | |
| </script> | |
| <script id="jsbin-source-javascript" type="text/javascript">$("#joke-1").click( function(){ | |
| $("#joke-1").text("To get to the other side haahahahaha...no..ok"); | |
| }); | |
| $("#joke-2").click( function(){ | |
| $("#joke-2").text("a receding hare-line"); | |
| }); | |
| // .text() | |
| // .append() | |
| // .attr() | |
| // .css() | |
| $("#joke-3").click( function(){ | |
| $("#joke-3").attr("src", ); | |
| }); | |
| </script></body> | |
| </html> |
This file contains 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
| body{ | |
| margin-bottom: 100px; | |
| } | |
| p{ | |
| font-size: 2em; | |
| } |
This file contains 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
| $("#joke-1").click( function(){ | |
| $("#joke-1").text("To get to the other side haahahahaha...no..ok"); | |
| }); | |
| $("#joke-2").click( function(){ | |
| $("#joke-2").text("a receding hare-line"); | |
| }); | |
| // .text() | |
| // .append() | |
| // .attr() | |
| // .css() | |
| $("#joke-3").click( function(){ | |
| $("#joke-3").attr("src", ); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
saved