← CodePrimer
JavaScript
Beginner
Dom
Live input event
How do I react as the user types?
input event for live updates.
const field = document.querySelector('#bio');
const counter = document.querySelector('#count');
field.addEventListener('input', () => {
counter.textContent = String(field.value.length);
});Notes
input fires on every change; change fires after blur/commit.
Keywords: input · keyup · live · counter
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
change event on select
How do I detect dropdown changes?