ShimiShimson solution to rolLER COASter text

[Szymon Adamczuk]

let text = 'Hello World. Hello World.';

let textNode = document.createTextNode(text);

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

let halfTextLengthMinusOne = text.length / 2 - 1;

let i;

function rollerCoaster(){

  function ifExactlyHalfWayAndEvenCopyFontSizeOnce(){

    if (i === halfTextLengthMinusOne){

      fontSize += 5;

    }

  }

  function ifAtLeastHalfwayDecreaseFontSize(){

    if (i >= halfTextLengthMinusOne){

      ifExactlyHalfWayAndEvenCopyFontSizeOnce();

      fontSize -= 10;

    }

  }

    let fontSize = 20;

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

      let span = document.createElement('span');

      span.textContent = text[i];

      span.style.fontSize = `${fontSize}px`;

      span.style.color = `${getRandomColor()}`;

      div.appendChild(span);

      fontSize += 5;

      ifAtLeastHalfwayDecreaseFontSize();

    }

  }

function getRandomColor(){

  return colorArray[Math.floor(Math.random() * 50)];

}

const colorArray = ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6', 

                    '#E6B333', '#3366E6', '#999966', '#99FF99', '#B34D4D',

                    '#80B300', '#809900', '#E6B3B3', '#6680B3', '#66991A', 

                    '#FF99E6', '#CCFF1A', '#FF1A66', '#E6331A', '#33FFCC',

                    '#66994D', '#B366CC', '#4D8000', '#B33300', '#CC80CC', 

                    '#66664D', '#991AFF', '#E666FF', '#4DB3FF', '#1AB399',

                    '#E666B3', '#33991A', '#CC9999', '#B3B31A', '#00E680', 

                    '#4D8066', '#809980', '#E6FF80', '#1AFF33', '#999933',

                    '#FF3380', '#CCCC00', '#66E64D', '#4D80CC', '#9900B3', 

                    '#E64D66', '#4DB380', '#FF4D4D', '#99E6E6', '#6666FF'];

rollerCoaster();