<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Append a <p> element with a text message when an <input> field is changed</title>
</head>
<body>
<form>
<input id="field1" type="text" value="Field 1">
</form>
</body>
</html>
JavaScript Code :
$( "#field1").change(function() {
$( "<p>The text has changed.</p>" ).appendTo( "body" );
});
HTML Code:
JavaScript Code :