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>

JavaScript

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

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

const clear = document.querySelector('.clear');

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

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

});