title: Dynamically adding HTML form fields based on a number specified by the user
body: <p>I've a form field named <code>Number of messages</code>, and based on what number the user specifies, I want the exact number of text fields to be dynamically generated below to allow users to enter specified number of messages.</p>
  
  <p>I have browsed through some examples where JQuery is used to generate dynamic form fields, but since I'm not acquainted with JQuery, those examples are a bit too complex for me to grasp. I do know the basics of JavaScript, and would really appreciate if I could find a solution to my query using JavaScript.</p>