$(“#name”) tells jQuery to deal with element id=’name’. .keyup(updateName) calls jQuery keyup method and tells it to run updateName function whenever it detects keystroke on #name element. The first line of updateName() function makes use of jQuery val() method to read the current value of #name input. It will then store that value inside ‘name’…

eventhandlerfunction2.js

$("#name").keyup(updateName)

function updateName() {
   var name=$("#name").val();
   $("#user-name").text(name);   
}

form.html

<input id="name" placeholder='Type your name'>
<h2>Welcome </h2>
<h2 id="user-name"></h2>