javascript listener

by ysuper

HTML

<h1 id="message"></h1>
<input name="message" type="text" value="Hello JavaScript!">

JavaScript

document.querySelector('#message').innerText = 
document.querySelector('[name="message"]').value;

document.querySelector('[name="message"]')
  .addEventListener('input', (el) => { 
document.querySelector('#message').innerText = el.target.value;
});