Test 'input' event

by justi

HTML

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

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

<button class="clear">czyszczenie</button></p>

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';
});
var clear = document.querySelector('.clear');
clear.addEventListener('click', function()
{
         messages.textContent = '';
         input.value = '';
});