title: Why won't my script run every time the page loads?
body: <p>Here is my current code, it's a loop to type out some text automatically when my site is loaded. The issues is it is very touch and go, it only works sometimes (generally first load, not when refreshed etc.) Can someone point out the issue?</p>
  
  <pre><code>var i = 0;   
  var line_1 = " Understand their core goal.. Act upon the emotion..";
  var line_2 = " Then..";
  var line_3 = " Create your own luck!";
  var all = line_1 + "{" + line_2 + "{" + line_3 + "{{";
  var has = "";
  var time = 100;
  var hit = 0;
  function myLoop () {      
      setTimeout(function () {
          if(all.charAt(i) == "{") {
              //has +1"&lt;br&gt;";  
              time = 2000;
              hit++;
              if(hit == 3){
              document.getElementsByName('cbar')[0].placeholder = 'Enter your email address to learn more';
              }
  
          }else{
              has += (all.charAt(i));
              time = 100;  
          }           
          if(hit == 4){
              document.getElementById('cbar').value = "";
          }else{
              document.getElementById('cbar').value = has;
          }
  
          if(all.charAt(i) == "{" || hit == 3){
              has = "";
          }
          i++;                    
          if (i &lt; all.length) {            
              myLoop();            
          }                        
      }, time)
  }
  myLoop();
  </code></pre>