onChange Test

by MattMiller

HTML

<!DOCTYPE html>
<html lang="en-US">
  <body>
    <input type="text" id="the_text">
    <input type="number" id="the_number">
    <div id="the_output"></div>
  </body>
</html>

JavaScript

document.querySelector('#the_text').addEventListener('change', function() {
  document.querySelector('#the_output').textContent += ' The text changed to ' + this.value + '.';
});

document.querySelector('#the_number').addEventListener('change', function() {
  document.querySelector('#the_output').textContent += ' The number changed to ' + this.value + '.';
});