<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<style>
.osnova-test{
width : 50px;
height:50px;
font-size: 16px;
}
</style>
<div id="out"> </div>
<input type="image" value=" " class="osnova-test" id="b1" onclick="myfunc(1)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b2" onclick="myfunc(2)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b3" onclick="myfunc(3)" src="пустое поле.bmp">
<br>
<input type="image" value=" " class="osnova-test" id="b4" onclick="myfunc(4)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b5" onclick="myfunc(5)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b6" onclick="myfunc(6)" src="пустое поле.bmp">
<br>
<input type="image" value=" " class="osnova-test" id="b7" onclick="myfunc(7)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b8" onclick="myfunc(8)" src="пустое поле.bmp">
<input type="image" value=" " class="osnova-test" id="b9" onclick="myfunc(9)" src="пустое поле.bmp">
<script>
let player = 1;
let state_X = 0;
let state_Y = 0;
document.querySelector("#out").innerHTML = "12345";
function myfunc(n){
if (player==1){
player = 2;
let nList = document.querySelectorAll(".osnova-test");
for (let i = 0; i < nList.length; i++) {
if (i == n-1){
nList[i].src = 'крестик.bmp';
}
}
state_X = check('крестик.bmp');
if (state_X == 10) {
setTimeout("alert('Выиграли крестики')", 100);
setTimeout(clearboard,500);
}
}
else{
player = 1;
let nList = document.querySelectorAll(".osnova-test");
for (let i = 0; i < nList.length; i++) {
if (i == n-1){
nList[i].src = 'нолик.bmp';
}
}
state_Y = check('нолик.bmp');
if (state_Y == 10) {
setTimeout("alert('Выиграли нолики')", 100);
setTimeout(clearboard,500);
}
}
}
function check(strp){
let nList = document.querySelectorAll(".osnova-test");
let str = decodeURI(nList[0].src);
strp = str.substring(0, str.lastIndexOf("/") + 1)+strp;
if (decodeURI(nList[0].src) == strp && decodeURI(nList[1].src)== strp && decodeURI(nList[2].src) == strp){
return 10;
}
if (decodeURI(nList[3].src) == strp && decodeURI(nList[4].src) == strp && decodeURI(nList[5].src) == strp){
return 10;
}
if (decodeURI(nList[6].src) == strp && decodeURI(nList[7].src) == strp && decodeURI(nList[8].src) == strp){
return 10;
}
if (decodeURI(nList[0].src) == strp && decodeURI(nList[3].src) == strp && decodeURI(nList[6].src) == strp){
return 10;
}
if (decodeURI(nList[1].src) == strp && decodeURI(nList[4].src) == strp && decodeURI(nList[7].src) == strp){
return 10;
}
if (decodeURI(nList[2].src) == strp && decodeURI(nList[5].src) == strp && decodeURI(nList[8].src) == strp){
return 10;
}
if (decodeURI(nList[0].src) == strp && decodeURI(nList[4].src) == strp && decodeURI(nList[8].src) == strp){
return 10;
}
if (decodeURI(nList[2].src) == strp && decodeURI(nList[4].src) == strp && decodeURI(nList[6].src) == strp){
return 10;
}
return 11;
}
function clearboard(){
let nList = document.querySelectorAll(".osnova-test");
for (let i = 0; i < nList.length; i++) {
nList[i].src = 'пустое поле.bmp';
}
}
</script>
</body>
</html>
| 