javascript event handler onclick code example

Example 1: javascript onclick event listener

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

Example 2: how to add onclick event in javascript

var element = document.getElementById("elem");
element.onclick = function(event) {
  console.log(event);
}

Example 3: onclick in js

<input type="text" name="text" id="test" onmouseover="skriv('klick')">
    <input type="button" name="send" value="Skicka" id="klick" onclick="skriv('test')">
    
    
    <script src="lib/script.js"></script>


// in lib/script.js

  function skriv(name) {
    document.getElementById(name).style.backgroundColor='red';
  }

Tags:

Html Example

Related