Test 'input' event

by akmiecik

HTML

<label for="split_1" class="left_1"><span>5</span>
<input pattern="[0-9]*" type="number" inputmode="decimal" id="bike_ave_5" class="split" name="bike_split_5" step=".01" value="">
</label><label for="split_2" class="left_1"><span>10</span>
<input pattern="[0-9]*" type="number" inputmode="decimal" 
id="test" class="split" name="bike_split_10" step=".01" value="">
</label>

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

JavaScript

var input = document.querySelector('#test');

var messages = document.querySelector('#messages');
var ave_5 = document.getElementById("bike_ave_5").value;
var ave_10 = document.getElementById("test").value;



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