javascript how to add even to function code example

Example 1: event listener javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});

Example 2: js eventlistener to add and remove stylings

const form = document.querySelector('form');
const fname = document.getElementById('fname');
const lname = document.getElementById('lname');
const para = document.querySelector('p');

form.onsubmit = function(e) {
  if (fname.value === '' || lname.value === '') {
    e.preventDefault();
    para.textContent = 'You need to fill in both names!';
  }
}

Tags:

Javascript Example

Related