Skip to content

Instantly share code, notes, and snippets.

/index.html

Created July 3, 2015 21:40
Show Gist options
  • Save anonymous/b6c550fb7450f27d0fc3 to your computer and use it in GitHub Desktop.
Save anonymous/b6c550fb7450f27d0fc3 to your computer and use it in GitHub Desktop.
Download ZIP
Click listener version 1 // source http://jsbin.com/cebobo
Raw
index.html
<head>
<meta charset="utf-8">
<title>Click listener version 1</title>
</head>
<body>
<button id="myButton">Click me!</button></button>
<script id="jsbin-javascript">
var button = document.getElementById("myButton");
// Add an onclick listener to the button
button.onclick = saySomething;
function saySomething(event) {
console.log("Hello! Button with id: " +
event.target.id +
" has been clicked");
}
</script>
<script id="jsbin-source-html" type="text/html"> <head>
<meta charset="utf-8">
<title>Click listener version 1</title>
</head>
<body>
<button id="myButton">Click me!</button></button>
</body>
</script>
<script id="jsbin-source-javascript" type="text/javascript"> var button = document.getElementById("myButton");
// Add an onclick listener to the button
button.onclick = saySomething;
function saySomething(event) {
console.log("Hello! Button with id: " +
event.target.id +
" has been clicked");
}
</script></body>
Raw
jsbin.cebobo.js
var button = document.getElementById("myButton");
// Add an onclick listener to the button
button.onclick = saySomething;
function saySomething(event) {
console.log("Hello! Button with id: " +
event.target.id +
" has been clicked");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment