Roller Coaster Text - My Solution

[Yarden Ezra]

var text = 'Hello World!';

var div = document.getElementById('rollercoaster');

var fontSizeInitVal=10, midPoint=text.length/2;

for(var index in text) {

var charSpan = document.createElement("span");

  charSpan.appendChild(document.createTextNode(text[index]));

        charSpan.style.fontSize = fontSizeInitVal + (midPoint*5-Math.abs(midPoint-index)*5)+"px";

  div.appendChild(charSpan);

}