title: Can't figure out why this doesn't give me any output value
body: <p>I'm extremely new to JavaScript and programming in general. Can someone explain to me why this doesn't work?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;script&gt;
  function computeLoan(){
      var amount = document.getElementById('amount').value;
      var interest_rate = document.getElementById('interest_rate').value;
      var months = document.getElementById('months').value;
      var interest = (amount * (interest_rate * .01)) / months;
      var payment = ((amount / months) + interest).toFixed(2);
      payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
      document.getElementById('payment').innerHTML = "Monthly Payment = $"+payment;
  }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;Loan Amount: $&lt;input id="amount" type="number" min="1" max="1000000"                 onchange="computeLoan()"&gt;&lt;/p&gt;
  &lt;p&gt;Interest Rate: &lt;input id="interest_rate" type="number" min="0" max="100" value="10" step=".1" onchange="computeLoan()"&gt;%&lt;/p&gt;
  &lt;p&gt;Months: &lt;input id="months" type="number" min="1" max="72" value="1"                  step="1" onchange="computeLoan()"&gt;&lt;/p
  &lt;h2 id="payment"&gt;&lt;/h2&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>