My solution to rollercoaster

[Jennifer Openshaw]

const text = 'Hello World!';

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

let n = 0;

let fontSize = '10px';

let fontSizeNumOnly = parseInt(fontSize);

for(let i = 0; i < text.length; i++) {

  if (i < (text.length/2)-1) {

  let newSpan = document.createElement('SPAN');

  let textNode = document.createTextNode(text[n]);

    newSpan.appendChild(textNode);

  div.appendChild(newSpan); 

div.lastChild.style.fontSize = fontSize;

  n++;

  

  fontSizeNumOnly += 5;

  fontSize = fontSizeNumOnly + 'px';

    } else {

    

    let newSpan = document.createElement('SPAN');

  let textNode = document.createTextNode(text[n]);

    newSpan.appendChild(textNode);

  div.appendChild(newSpan); 

div.lastChild.style.fontSize = fontSize;

  n++;

      

    fontSizeNumOnly -= 5;

    fontSize = fontSizeNumOnly + 'px';

}

}