EMAG-1

by simpleorchid

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div id="row1">
  <button id="row1but1">
  </button>
  <button id="row1but2">
  </button>
  <button id="row1but3">
  </button>
  <button id="row1but4">
  </button>
</div>
<div id="row2">
  <button id="row2but1">
  </button>
  <button id="row2but2">
  </button>
  <button id="row2but3">
  </button>
  <button id="row2but4">
  </button>
</div>
<div id="row3">
  <button id="row3but1">
  </button>
  <button id="row3but2">
  </button>
  <button id="row3but3">
  </button>
  <button id="row3but4">
  </button>
</div>
<div id="row4">
  <button id="row4but1">
  </button>
  <button id="row4but2">
  </button>
  <button id="row4but3">
  </button>
  <button id="row4but4">
  </button>
</div>

CSS

button {
  width: 50px;
  height: 20px;
}

div {
  padding: 1px;
}

JavaScript

var ranNums = shuffle([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]);

function getRandomArray() {
  var num = 0;
  for (var i = 1; i < 5; i++) {
    for (var j = 1; j < 5; j++) {
      //var a = Math.floor((Math.random() * 15) + 1);
      if (num === 15) {
        //alert("entered....." + num  + (num===15));
        $("#row" + i + "but" + j).hide();
        //$("#row4but4").hide();
        break;
      }
      $("#row" + i + "but" + j).text(ranNums[num]);
      num++;
    }
  }
}

function shuffle(array) {
  var i = array.length,
    j = 0,
    temp;

  while (i--) {

    j = Math.floor(Math.random() * (i + 1));

    // swap randomly chosen element with current element
    temp = array[i];
    array[i] = array[j];
    array[j] = temp;

  }

  return array;
}

function move() {
	
}



getRandomArray();

$("button").click(function(e){
  	var idClicked = e.target.id;
    var rowNum = idClicked.charAt(3);
    var colNum = idClicked.charAt(7);
    alert("clicked..."+ rowNum + " " +colNum);
 });