2018-03-27_click/2018-03-27-click/js/script.js

var $table = $("<table>").prependTo("body");
$table.css("border", "1px solid collapse");
function newTable (height, width) {
	for (var i=0; i<height; i++) {
		var $tr = $("<tr>").prependTo($table);
		for (var j=0; j<width; j++) {
			var $td = $("<td>").appendTo($tr);
		}
	}
	return $table;
}
newTable(15, 15);
$("td").on("click", function () {
	if($(this).hasClass("black")) {
		$(this).removeClass("black").css("background","#fff");
	} else {
		$(this).addClass("black").css("background", "#000");
	}
});
$("#clear").on("click", function() {
	$("td").css("background", "#fff");
});
$("#return").on("click", function() {
	$("td.black").css("background", "#000");
});