title: JS: Input user name and print it out
body: <p>I'm the beginner of JS. I try to get input from the HTML form. And print words out from function. I have read JS in W3. However, it keeps going wrong. Could somebody give me a hand.</p>
  
  <p>HTML - about the form</p>
  
  <pre><code>&lt;form method="get"&gt;
  &lt;h2&gt;Please leave your contact information for us&lt;/h2&gt;
  
  &lt;label for="FirstName"&gt;First Name:&lt;/label&gt;
  &lt;input type="text" id="FirstName" name="firstName" placeholder="Your First Name"&gt;&lt;br&gt;
  
  &lt;label for="LastName"&gt;Last Name:&lt;/label&gt;
  &lt;input type="text" id="LastName" name="LastName" placeholder="Your last Name"&gt;&lt;br&gt;
  
  &lt;label for="email"&gt;E-mail:&lt;/label&gt;
  &lt;input type="e-mail" id="email" name="eMail"&gt;&lt;br&gt;
  
  
  &lt;label for="password"&gt;Password:&lt;/label&gt;
  &lt;input type="password" id="password" name="passWord"&gt;&lt;br&gt;
  
  &lt;label for="suGession"&gt;sub gesstion:&lt;/label&gt;&lt;br&gt;
  &lt;textarea name="suggestion" id="suGession" cols="30" rows="10"&gt;&lt;/textarea&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;p&gt;What do you usually cook?&lt;/p&gt;
  &lt;input type="text"&gt;
  &lt;button type="submit" onclick="welcome()"&gt;Give Us Help&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>My JS code</p>
  
  <pre><code>var first = document.getElementById("FirstName");
  var last = document.getElementById("LastName");     
  
  function welcome(){
  
      var welcomeF = "Welcome" + first +" "+ last;
      return welcomeF;
  
  }
  
  console.log(welcome());
  </code></pre>