title: Passing HTML value into JavaScript function
body: <p>I know this question has been asked already.</p>
  
  <p>However, when I follow the answer given to that question it doesn't work.</p>
  
  <p>This is my JS function and the relevant HTML</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 myFunction() {
    document.getElementById("submit").innerHTML = "LOADING...";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;input class="textbox" type="number" id="number"&gt; 
      &lt;button onclick="myFunction(document.getElementById("number").value)" class="Button" &gt;Submit&lt;/button&gt;
        &lt;p id="submit"&gt;&lt;/p&gt;
        &lt;script type ="text/javascript" src="../src/index.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>