how to create a click event in javascript code example

Example 1: how to add onclick event in javascript

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

Example 2: javascript trigger click on element

document.getElementById('myElementID').click();

Example 3: how to create click function in javascript

var x = document.getElementById('container');
//click can also be antother event
x.addEventListener('click', function (x) {
  console.log('hi');
});

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';
  }

Example 5: javascript perform click

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('Events');
    evObj.initEvent(etype, true, false);
    el.dispatchEvent(evObj);
  }
}