title: Display first and lastname with JavaScript
body: <p>I'm learning JavaScript and I'm trying to make it so the user is able to enter a name and lastname and then click a send button. When that happens the name and lastname is displayed on the the screen just bellow. </p>
  
  <p>The problem is that it doesn't work. Nothing happens when the user clicks the send button.</p>
  
  <p>Here is how I tired it. </p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;body&gt;
  First name:&lt;br&gt;
  &lt;input type="text" name="firstname"&gt;
  &lt;br&gt;
  Last name:&lt;br&gt;
  &lt;input type="text" name="lastname"&gt;
  &lt;br&gt;
  &lt;input type="button" value="Send" onclick="MyFunction()"&gt;
      &lt;div id="here"&gt;&lt;/div&gt;    
  
  &lt;body&gt;
  </code></pre>
  
  <p>JavaScript: </p>
  
  <pre><code>function MyFunction() {
      var first, second;
      first = document.getElementById("firstname").value;
      second = document.getElementById("lastname").value;
  
      document.GetElementById("here").InnerHTML = first;
      document.GetElementById("here").InnerHTML = second;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/7wu3gjqm/" rel="nofollow">https://jsfiddle.net/7wu3gjqm/</a></p>