HTML DOM Document addEventListener() - JavaScript

 HTML DOM Document addEventListener()

 


The addEventListener() method allows you to add event listeners on any HTML DOM object such as HTML elements, the HTML document, the window object, or other objects that support events, like the xmlHttpRequest object.

 

Example :

Video tutorial : https://youtu.be/80yHjjWJeC4

[index.html]

<input id="inputElement" type="text" value="Example"/>

<button id="buttonElement">Update</button>

 

[script.js]

document.getElementById('buttonElement').addEventListener('click',function(){

  var InputEle = document.getElementById('inputElement');

  InputEle.value = 'subscribe for more videos';

});

 

Sample : https://stackblitz.com/edit/js-qghp6q?file=index.html&file=index.js

Comments