javascript element onclick code example

Example 1: javascript onclick

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

Example 2: javascript click event

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Example 3: javascript onclick button

var button = document.querySelector('button');
button.onclick = function() {
  //do stuff
}

Example 4: 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:

Misc Example

Related