title: Give the difference between input.value and input.textContent. Why is one used instead of the other?
body: <p>Why is it that <code>input.value</code> is used instead of <code>input.textContent</code>.  What is the difference between both?</p>
  <p>For example, if I want to retrieve content from an input box</p>
  <pre><code>&lt;input type=&quot;number&quot;&gt;
  </code></pre>
  <p>I have to use this code</p>
  <pre><code>var input = document.querySelector(&quot;input&quot;);
  
  input.value
  </code></pre>
  <p>instead of this one</p>
  <pre><code>input.textContent
  </code></pre>
  <p>Just want to get a clearer understanding of each.</p>