Hackforge Academy

Explanation

Events occur when users interact with web pages, such as clicks or key presses.

Code:

button.addEventListener('click', () => {
  console.log('Clicked');
});

Explanation

The click event is triggered when an element is clicked.

Code:

document.querySelector('button').onclick = function() {
  alert('Hello');
};

Explanation

Keyboard events respond to user key presses.

Code:

document.addEventListener('keydown', e => {
  console.log(e.key);
});

Explanation

Mouse events include mouseover and mouseout.

Code:

box.addEventListener('mouseover', () => {});

Explanation

Event listeners separate HTML from JavaScript logic.

Code:

element.addEventListener('click', myFunction);