'use strict';

var text = document.querySelector('.demo').innerHTML,
    demo = document.querySelector('.demo');

function makeWeird(strng, parent) {
  parent.innerHTML = '';
  for (var i = 0; i < strng.length; i++) {
    if (strng[i] != ' ') {
       var randFontSize =  Math.floor(Math.random() * (50 - 16) + 16),
          randRotate =  Math.floor(Math.random() * (59 - 1) + 1),
          randColor = '#' + Math.floor(Math.random()*16777215).toString(16),
          newLetter = '<span style="font-size: '+randFontSize+'px; color: '+randColor+'; transform: rotate('+randRotate+'deg);">' + strng[i] + '</span>'; 
    } else {
      newLetter = ' ';
    }
    parent.innerHTML += newLetter;
  }
}

makeWeird(text, demo);