title: Selecting i for change of color
body: <p>I have a little script that changes the colours of the background and the input text based on the length of the input. I would like to make one change but I cannot figure out exactly how. Instead of changing the colour of the entire input text, I want to change only the letter that is changing the colour. So the letters change colour one by one. Below is the line I have and the element it is calling is "ids". I need to say something like "ins[i]" but I do not know how exactly. <a href="http://jsbin.com/janukece/1/edit" rel="nofollow">http://jsbin.com/janukece/1/edit</a></p>
  
  <pre><code>document.getElementById("ids").style.color= '#' + Math.random().toString(16).slice(2, 8);
  </code></pre>
  
  <p>I would appreciate any help. Thank you.</p>