Test 'input' event

by Ajith S Punalur

HTML

<input id="my-text-box">

<pre id="messages" style="white-space:pre;"></pre>

JavaScript

var input = document.querySelector('#my-text-box');

var messages = document.querySelector('#messages');

input.addEventListener('input', function() {
    messages.textContent += 'input changed to: ' + input.value + '\n';
});