javascript addeventlistener on input code example

Example 1: mdn select event

function logSelection(event) {
  const log = document.getElementById('log');
  const selection = event.target.value.substring(event.target.selectionStart, event.target.selectionEnd);
  log.textContent = `You selected: ${selection}`;
}

const input = document.querySelector('input');
input.addEventListener('select', logSelection);

Example 2: on change event html not working

onchange is only triggered when the control is blurred. Try onkeypress instead.