title: Change Text dynamically on webpage
body: <p>Need some help... I'm a bit of a novice and having trouble with an earlier Q&amp;A. This tutorial is exactly what I need for my computer lab project...
  <a href="https://stackoverflow.com/questions/12468612/how-to-have-text-change-dynamically-in-website">Original Q&amp;A post here</a>
  but when I tried to use it multiple times in my webpage it only renders the text from one input box, cancels the other out. I have changed the "ID's" so they are unique but it still won't work. Not sure if I am missing something. any help would be appreciated... Thanks in advance.</p>
  
  <p>1st input:</p>
  
  <pre><code>&lt;input type="text" id="input" /&gt; &lt;input type="button" onclick="updateNow()" value="Update" /&gt; &lt;script type="text/javascript"&gt; function updateNow(){ document.getElementById("output").innerHTML = document.getElementById("input").value; } &lt;/script&gt; &lt;div id="output"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>2nd input: </p>
  
  <pre><code>&lt;input type="text" id="input1" /&gt; &lt;input type="button" onclick="updateNow()" value="Update" /&gt; &lt;script type="text/javascript"&gt; function updateNow(){ document.getElementById("output1").innerHTML = document.getElementById("input1").value; } &lt;/script&gt; &lt;div id="output1"&gt;&lt;/div&gt;
  </code></pre>