title: Simple JavaScript math not making sense
body: <p>I feel like I'm a novice again. I thought I was long past these problems. below is a simple script with two function neither of which work. What am I missing. Any help appreciated.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function calculator() {
    var bee = document.getElementById("beerPerc").value;
    var win = document.getElementById("winePerc").value;
    var liq = 100 - (bee + win);
    document.getElementById("liquorPerc").value = liq;
  }
  
  function calculator2() {
    document.getElementById("liquorPerc").value = parseInt(100 - (document.getElementById("beerPerc").value + document.getElementById("winePerc").value))
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="calcArea"&gt;
    &lt;div&gt;
      &lt;input type="number" id="beerPerc" value="50" onkeyup="calculator2()"&gt; &amp;nbsp; % of Beer Drinkers&lt;br&gt;
      &lt;input type="number" id="winePerc" value="30" onkeyup="calculator2()"&gt; &amp;nbsp; % of Wine Drinkers&lt;br&gt;
      &lt;input type="number" id="liquorPerc" onkeyup="calculator2()"&gt; &amp;nbsp; % of Liquor Drinkers&lt;br&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>