the game of Gabriël

game

by Michael Dibbets

HTML

<div class="gamecontainer">

</div>

CSS

div[data-column] {
    background-color:red;
    display:inline-block;
    float:left;
    border:1px solid black;
    width:30px;
    height:30px;
}
div[data-column="0"] {
    clear: left;
}

JavaScript

$(".gamecontainer").each(function() {
    var $this = $(this);
    for(var c=0;c<10;c++) {
    	for(var i=0;i<10;i++) {
        	var elem = $('<div data-column="'+i+'" data-row="'+c+'"></div>');
            $this.append(elem);
        }
    }
})