기록
자바스크립트 오목만들기 본문
<!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 검은돌
'JAVASCRIPT&JQUERY' 카테고리의 다른 글
제이쿼리 특정행 클릭 시 정보 가져오기 (동적으로 생성된 요소의 이벤트 처리) (0) | 2023.02.08 |
---|---|
제이쿼리 ajax를 사용하여 JSON 타입 데이터 주고받기 (0) | 2023.02.02 |
자바스크립트 배수의합 (파이썬 10) (0) | 2023.01.10 |
자바스크립트 더하기 버튼 (파이선9) (0) | 2023.01.10 |
자바스트립트 전화번호 누르기 (파이썬8) (0) | 2023.01.10 |
Comments