title: DOM .value attribute not working - returning blank string
body: <p>For whatever reason, the .value attribute on the input boxes is not returning the values entered. When running it through the Number(), it returns 0, and without it returns a blank string. I have no idea why, I looked at at least a dozen various sites for answers but I can't find an answer. This is really a last-ditch effort to get this thing to work. Thanks in advance, and I hope it's not a dumb syntax thing. Pesky section of code below.</p>
  <pre><code>&lt;div&gt;
        &lt;label for=&quot;angleAInput&quot;&gt;A=&lt;/label&gt;
        &lt;input id=&quot;angleAInput&quot; type=&quot;number&quot; placeholder=&quot;mesure en degrés&quot;&gt;&lt;br&gt;
        &lt;label for=&quot;sideAInput&quot;&gt;a=&lt;/label&gt;
        &lt;input id=&quot;sideAInput&quot; type=&quot;number&quot; placeholder=&quot;mesure en unités de longueur&quot;&gt;&lt;br&gt;
        &lt;label for=&quot;sideBInput&quot;&gt;b=&lt;/label&gt;
        &lt;input id=&quot;sideBInput&quot; type=&quot;number&quot; placeholder=&quot;mesure en unités de longueur&quot;&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class=&quot;go&quot;&gt;Triangle ou non?&lt;/button&gt;
      &lt;/div&gt;
      &lt;h2 class=&quot;result&quot;&gt;&lt;/h2&gt;
      &lt;script&gt;
  const go = document.querySelector('.go');
  const result = document.querySelector('.result');
  let A = Number(document.querySelector('#angleAInput').value);
  let a = Number(document.querySelector('#sideAInput').value);
  let b = Number(document.querySelector('#sideBInput').value);
  let bsinA = b * Math.sin(A * Math.PI / 180);
  
  go.addEventListener('click', output);
  
  function output() {
      result.textContent = A;
  }
  &lt;/script&gt;
  </code></pre>