<body>
    <div>
      <label>Name:</label>
      <input type="text" id="name" placeholder="Enter a name here" on->
      <hr>
      <h1>Hello <span id="result"></span>!</h1>
    </div>
</body>
  

$("#name").keyup(function(event) {
   $("#result").text($(this).val());
 });
             

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js