title: Adding content using Javascript before other content
body: <p>So I'm trying to make a little "Matrix" themed program, I want the user to input their name, and then the program will run through 20 numbers every second as it displays each character of their name every 1 second, from left to right. What am I doing wrong? All that's working so far is the number scrolling</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript"&gt;
      var name = prompt("Enter Your Name to be 'MatrixIzed!':", "");
  
      function numberScroll(){
          for (i=0;i&lt;name.length;i++){
  
              setInterval(function() {
                      var n = Math.floor(Math.random() * 9);
                      document.getElementById('txt2').innerHTML = n;
                  }, 50);
  
              setInterval(function() {
                      document.getElementById('txt1').innerHTML = name.charAt(i);
                  },1000);
          }
      }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onLoad="numberScroll()"&gt;
      &lt;div style="float:left" id="txt1"&gt;&lt;/div&gt;
      &lt;div id="txt2"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>