Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

기록

자바스크립트 오목만들기 본문

JAVASCRIPT&JQUERY

자바스크립트 오목만들기

9400 2023. 1. 11. 14:43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>


var flag_wb = true;

function myclick(obj){
	if(flag_wb){
		obj.src ="1.png";
	}else{
		obj.src= "2.png";
	}
	
	flag_wb=!flag_wb
}

</script>
<style>
table,tr,td{
	padding : 0px;
	border-spacing: 0px;
}
img{
	display: block;
} 
</style>
</head>
<body>
<table>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>
	<tr>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
		<td><img src="0.png" onclick="myclick(this)"></td>
	</tr>


</table>

</body>
</html>

출력성공

0.png 바둑판

1.png 흰돌

2.png 검은돌

Comments