My Solution to Roller Coaster

[Michael Wachsman]

var text = 'Hello World!!';

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

var textSize = 10, len = text.length;

for(let i = 0; i < len; i++){

  var spanChar = document.createElement('SPAN');

  spanChar.appendChild(document.createTextNode(text.charAt(i)));

  spanChar.style.fontSize = i <= len / 2 ? (textSize + (i * 5)) + "px" : (textSize + ((len - i - 1) * 5)) + "px";

  div.appendChild(spanChar);

}