Test 'input' event

by justi

HTML

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

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

<button id="clear">czyszczenie</button>

JavaScript

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

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

var clear = document.getElementById('#clear')

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

clear.addEventListener('click', function() {
    messages.textContent = '';
});