title: Simple time and half calculator in JavaScript
body: <p>I have made a simple time and half calculator in HTML and JavaScript, but for some reason, when I click the <kbd>Calculate</kbd> button, the P element does not show the result.</p>
  
  <p>Here is my code:</p>
  
  <p><a href="http://codepen.io/chrissylvester10/pen/wJxder" rel="nofollow noreferrer">http://codepen.io/chrissylvester10/pen/wJxder</a></p>
  
  <pre><code>html&gt;
      &lt;head&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;h1&gt;Time and Half Calculator&lt;/h1&gt;
          &lt;input id="fare" size="7" maxlength="7" name="fare" style="width:75px" value="0" /&gt;
          &lt;input type="button" value="Calculate" onclick="calculator()"&gt;
          &lt;p id="result"&gt;&lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  
  var fare = document.getElementById("#fare").value;
  
  function calculator() {
      var result = fare / 2 + fare;
      document.getElementById("result").innerHTML = result;
  }
  </code></pre>
  
  <p>Please fork it because I need to see the changes.</p>