Question

So I wanted to make every word in the text different color, but I’ve only find code to make every letter in the text a different color. Is there any way to turn this to change color in every word instead every letter?

<script type="text/javascript">
       var message = "The quick brown fox.";
       var colors = new Array("#ff0000","#00ff00","#0000ff"); // red, green, blue
       for (var i = 0; i < message.length; i++)
          document.write("<span style=\"color:" + colors[(i % colors.length)] + ";\">" + message[i] + "</span>");
    </script>

Answer 1

Small change required.

Split the message into an array by space (" ")

   var message = "The quick brown fox.";
   var messageArr = message.split(" ");
   var colors = ["#ff0000","#00ff00","#0000ff"]; // red, green, blue
   for (var i = 0; i < messageArr .length; i++)
   {
      document.write("<span style='color:" + colors[(i % colors.length)] + ";'>" + messageArr[i] + " </span>");
   }

See it on this JSFiddle

Note: I’ve also changed your colors array definition to using the array literal notation [], which is a slightly better way of declaring an array.