title: Populate table using submited form (javascript)
body: <p>I am trying to learn javascript but so far i came to a complete stop. I've made a html webpage with a form on it (3 fields : Name ,Surname, Gender) and table below . i'm trying to list the data the user is typing in that form  and display it below in the table using javascript (appendChild)</p>
  
  <p>How could i do this easily? Examples are highly appreciated. </p>
  
  <pre><code>&lt;HTML&gt;
    &lt;HEAD&gt;
      &lt;TITLE&gt;Test1&lt;/TITLE&gt;
      &lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"&gt;
      &lt;link rel="stylesheet" href="style.css" type="text/css" /&gt;
  
      &lt;script language="javascript"&gt;
  
  
  function addRow(){
  ...
  
  
      &lt;/script&gt;
  
    &lt;/HEAD&gt;
    &lt;BODY&gt;
  
  
  &lt;form&gt;
  Name:&lt;br&gt;
  &lt;input type="text" id="name"&gt;&lt;br&gt;
  Last Name: &lt;br&gt; 
  &lt;input type="text" id="lname"&gt;&lt;br&gt;
  Gender: &lt;br&gt;
  &lt;input type="text" id ="gender"&gt; &lt;br&gt;
  &lt;input type="submit" id ="submit" value="Submit" onclick="addRow()"&gt;
  &lt;/form&gt; 
  
  
  &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;th&gt;Name&lt;/th&gt;
  &lt;th&gt;Last Name&lt;/th&gt;
  &lt;th&gt;Age&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;test, test&lt;/td&gt;
  &lt;td&gt;test, test&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;test2, test1&lt;/td&gt;
  &lt;td&gt;test2, test1&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  
    &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>