Random Color

by Marcel Ferdinand

HTML

<div class="cont">


  <div class="left">1</div>
  <div class="left">2</div>
  <div class="left">3</div>
  <div class="left">4</div>
  <div class="left">5</div>
  <div class="left">6</div>
  <div class="left">7</div>
  <div class="left">8</div>
</div>

CSS

div {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
}

div.cont {
  width: 400px;
  position: relative;
}

div.left {
  float: left
}

JavaScript

$(function() {
  var randomColor;
  console.log(randomColor);
  var divBox = $('div.left')
  var divBoxL = divBox.length;
  for (i = 1; i <= divBox.length; i++) {
    randomColor = Math.floor(Math.random() * 16777215).toString(16);
    $('div.left:nth-child(' + i + ')').css('background', '#' + randomColor)
  }

  $('div.left').click(function() {
    console.log('lol')
    $(this).hide();

  })
});