Character Count • Vanilla JavaScript

Day 7

Character Count

Goal

Update UI to display a live character count.

Project

Enter your text below.

You’ve written 0 characters.

View Source

(function() {
	let elText = document.querySelector( "#text" );
	let elCount = document.querySelector( "#character-count" );
	elText.addEventListener( "input", e =>
	{
		elCount.innerText = e.target.value.length;
	});
})();

Projects