title: using javascript function to render HTML
body: <p>I have a static page that has <code>login</code> and <code>registration</code> link.I want that when a user clicks on <code>Login</code>,it calls a <code>Javascript</code> function that in turn displays the <code>Login Form</code> on the same page.</p>
  
  <p>Although I can embed the whole HTML tag in <code>document.write()</code> but that is very messy and am sure is not the best practice for long HTML codes.</p>
  
  <p>So how can i embed HTML codes into the JS function?and how do i control the positioning of the form on the page.</p>
  
  <p>I am looking for a Javascript solution only and not JQuery</p>