Exercise: Roller Coaster Text

54 views
Skip to first unread message

UJESH NADA

unread,
Jul 22, 2022, 12:22:05 AM7/22/22
to Intro to JavaScript
This is the working solution for the Roller Coster Text. 
Feedback is welcome. 

var text = 'Hello World!';
var div = document.getElementById('rollercoaster');
var size = 5;
console.log('length = ' + text.length)
for(var i = 0; i < text.length; i++){
    if ( i < Math.floor(text.length / 2)) {
        size += 5;
        } else {
        size -= 5;
        }
     
     console.log(size);
    var span = document.createElement('SPAN');
      span.style.fontSize = size + 'px' ;
 
      var t = document.createTextNode(text[i]);
      console.log(t);
      span.appendChild(t);
      console.log(span);
      div.appendChild(span);
}
Reply all
Reply to author
Forward
0 new messages