title: Getting an innerHtml text of a tag doesn't work, but innerText is working
body: <p>I'm learning JavaScript and I'm unable to figure out why the below code doesn't return the value inside span tag with id "name".</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>console.log(document.getElementById('person').innerHtml)</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>My name is &lt;span id="person"&gt;Anon&lt;/span&gt;.</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/yCHKo.png" rel="nofollow noreferrer">incorrect output (returns undefined)</a></p>
  
  <p>Whereas, replacing innerHtml with innerText works fine.</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>console.log(document.getElementById('person').innerText)</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>My name is &lt;span id="person"&gt;Anon&lt;/span&gt;.</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/jys0T.png" rel="nofollow noreferrer">correct output (retuns Anon)</a></p>