​

function drawColors(){

  var htmlDot = "";

  var red;

  var green;

  var blue;

  var rgbColor;

  var wWindow = window.innerWidth; // browser width

  var hWindow = window.innerHeight;

  var dotSize = 60;

  var hdots = Math.floor(wWindow/dotSize); // how many dots fit horizontally

  var vdots = Math.floor(hWindow/dotSize); // how many dots fit vertically

  var numDots = hdots * vdots;

  function colourSelect() {

    return Math.floor(Math.random() * 256 );

  }

​

  while(numDots--){

      red = colourSelect();

      green = colourSelect();

      blue = colourSelect();

      rgbColor = "rgb(" + red + "," + green + "," + blue + ")";

      htmlDot += "<div class='dot' style=\"background-color:"+ rgbColor + " \"></div>";

  }

  $('#colors').html(htmlDot);

}

​

$('#refresh').click(drawColors)