<div id="txt">"A dreamer is one who can only find his way by moonlight, and his punishment is that he sees the dawn before the rest of the world."</div>

<div id="author">- Oscar Wilde </div>

body {
  margin: 20px;
  background-color: #060606;
  font-family: 'Oswald';
  color: white;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.7rem;
}
#author {
  margin: 20px;
  float: left;
}

/**
 * Random colored text
 * <rabbitfighter@cryptolab.net>
 */

//Get arrays of the text
let letters = document.querySelector('#txt').innerHTML.split('');
let quote = document.querySelector('#author').innerHTML.split('');

// Converts integer to hex 
const colToHex = (c) => {
  // Hack so colors are bright enough
  let color = (c < 75) ? c + 75 : c
  let hex = color.toString(16);
  return hex.length == 1 ? "0" + hex : hex;
}

// uses colToHex to concatenate
// a full 6 digit hex code
const rgbToHex = (r,g,b) => {
  return "#" + colToHex(r) + colToHex(g) + colToHex(b);
}

// Returns three random 0-255 integers
const getRandomColor = () => {
  return rgbToHex(
    Math.floor(Math.random() * 255),
    Math.floor(Math.random() * 255),
    Math.floor(Math.random() * 255));
}

// This is the prototype function
// that changes the color of each
// letter by wrapping it in a span
// element.
Array.prototype.randomColor = function() {
  let html = '';
  this.map( (letter) => {
    let color = getRandomColor();
    html +=
      "<span style=\"color:" + color + "\">"
      + letter +
      "</span>";
  }) 
  return html;
};

// Set the text
document.querySelector('#txt').innerHTML = letters.randomColor();
document.querySelector('#author').innerHTML = quote.randomColor();