<div id='container'>
    <input id='input' class='paragraph'>
    <p>After typing, click outside the input to see the changes</p>
    <h1 id='info'></h1>
  </div>

  <script>

</script>

let input = document.querySelector('#input');
  let info = document.querySelector('#info');
function eventController(event) {
  info.innerHTML = event.target.value;
}
input.addEventListener('change', eventController, false)