title: document.getElementById returns HTMLDivElement {}
body: <p>I have the following code in my HTML file:</p>
  <pre><code>    &lt;div id=&quot;calc-parent&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;column&quot; id=&quot;calc-display-val&quot;&gt;0&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>I need to get the value of calc-display-val, so I have the following JavaScript code:</p>
  <pre><code>let calcDisplayVal = document.getElementById(&quot;calc-display-val&quot;)
  
  function pressOne() {
  console.log(calcDisplayVal)
  }
  </code></pre>
  <p>But instead of 0, I get &quot;HTMLDivElement {}&quot;</p>
  <p>How can I get the value of calc-display-val?</p>