Untitled

<html>
<head>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="kata.js"></script>

	<style>
		#table tr td{
			width:50px;
			height:50px;
			background:#333;
		}
		#table tr td.klik{
			background:#fff;
		}
	</style>
</head>
<body>
	<div style="width:450px;height:450px;">
	<table id="table" width="100%" cellpadding="0" cellspacing="0" border="1">

	</table>
	<button>ANALISA</button>
	<div id="result"></div>
	</div>
		<script type="text/javascript">
		$(document).ready(function(){
			for(var i=0;i<9;i++){
				var tr = $("<tr/>").appendTo($("#table"));
				for(var j=0;j<9;j++){
					$("<td/>").attr({
						"x" : j,
						"y" : i
					}).click(function(){
						$(this).toggleClass("klik");

						var x_0 = Number($(this).attr("x"));
						var y_0 = Number($(this).attr("y"));

						var x_1 = 8-y_0;
						var y_1 = x_0;

						var x_2 = 8-y_1;
						var y_2 = x_1;

						var x_3 = 8-y_2;
						var y_3 = x_2;

						$("td[x='"+x_1+"'][y='"+y_1+"']").toggleClass("klik");
						$("td[x='"+x_2+"'][y='"+y_2+"']").toggleClass("klik");
						$("td[x='"+x_3+"'][y='"+y_3+"']").toggleClass("klik");
					}).appendTo(tr);
				}
			}

			$("button").click(function(){
				var list = [];
				var tsil = [];
				var kata = [];

				for(var i=0;i<9;i++){
					kata = [];
					for(var j=0;j<9;j++){
						var box = $("td[x='"+j+"'][y='"+i+"']");

						if(box.hasClass("klik")){
							kata.push({x:box.attr("x"),y:box.attr("y")});
							if(j==8){
								if(kata.length > 1){
									list.push(kata);
								}
							}
						}else{
							if(kata.length > 1){
								list.push(kata);
								kata = [];
							}else{
								kata = [];
							}
						}


					}
				}

				for(var i=0;i<9;i++){
					kata = [];
					for(var j=0;j<9;j++){
						var box = $("td[x='"+i+"'][y='"+j+"']");

						if(box.hasClass("klik")){
							kata.push({x:box.attr("x"),y:box.attr("y")});
							if(j==8){
								if(kata.length > 1){
									tsil.push(kata);
								}
							}
						}else{
							if(kata.length > 1){
								tsil.push(kata);
								kata = [];
							}else{
								kata = [];
							}
						}


					}
				}

				console.log(list);
				console.log(tsil);
			});
		});
	</script>
</body>
</html>