1var element = document.getElementById("elem");
2element.onclick = function(event) {
3 console.log(event);
4}
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Title of the document</title>
5 </head>
6 <body>
7 <p>There is a hidden message for you. Click to see it.</p>
8 <button onclick="myFunction()">Click me!</button>
9 <p id="demo"></p>
10 <script>
11 function myFunction() {
12 document.getElementById("demo").innerHTML = "Hello Dear Visitor!</br> We are happy that you've chosen our website to learn programming languages. We're sure you'll become one of the best programmers in your country. Good luck to you!";
13 }
14 </script>
15 </body>
16</html>
1<script>
2 function myFunction() {
3 alert("ALERT");
4 }
5</script>
6<button onclick="myFunction">Click</button>
1var myElem = document.getElementByID('ElemID');
2myElem.onclick = function() {
3 //do stuff
4}
1<script>
2function myFunction() {
3 var x = document.createElement("BUTTON");
4 var t = document.createTextNode("Click me");
5 x.appendChild(t);
6 document.body.appendChild(x);
7}