Тема: Гра хрестики-нолики, чомусь не працює - js/html/php
Пробував написати гру "Хрестики-нулики". Не розумію чому не працює
▼code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<h1>Хрестики Нулики</h1>
<h3 id="h3"></h3>
<button id="1"></button> <button id="2"></button> <button id="3"></button>
<br><button id="4"></button> <button id="5"></button> <button id="6"></button>
<br><button id="7"></button> <button id="8"></button> <button id="9"></button>
<script>
if (cherha==0)
{
if(h3==null)
{
$("#h3").append("Зараз ходить нулик")
}
else if(h3!=null)
{}
}
else if(cherha==1)
{
if(h3==null)
{
$("#h3").append("Зараз ходить хрестик")
}
else if(h3!=null)
{}
}
var cherha=0;
$("#1").click(function(){
if(1!="O" && 1!="X"){
if(cherha==0){
$("#1").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#1").append("X")
cherha=0;
}
}
else if(1=="O" || 1=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#2").click(function(){
if(2!="O" && 2!="X"){
if(cherha==0){
$("#2").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#2").append("X")
cherha=0;
}
}
else if(2=="O" || 2=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#3").click(function(){
if(3!="O" && 3!="X"){
if(cherha==0){
$("#3").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#3").append("X")
cherha=0;
}
}
else if(3=="O" || 3=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#4").click(function(){
if(4!="O" && 4!="X"){
if(cherha==0){
$("#4").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#4").append("X")
cherha=0;
}
}
else if(4=="O" || 4=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#5").click(function(){
if(5!="O" && 5!="X"){
if(cherha==0){
$("#5").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#5").append("X")
cherha=0;
}
}
else if(5=="O" || 5=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#6").click(function(){
if(6!="O" && 6!="X"){
if(cherha==0){
$("#6").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#6").append("X")
cherha=0;
}
}
else if(6=="O" || 6=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#7").click(function(){
if(7!="O" && 7!="X"){
if(cherha==0){
$("#7").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#7").append("X")
cherha=0;
}
}
else if(7=="O" || 7=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#8").click(function(){
if(8!="O" && 8!="X"){
if(cherha==0){
$("#8").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#8").append("X")
cherha=0;
}
}
else if(8=="O" || 8=="X")
{
alert("Ця клітинка вже занята")
}
});
$("#9").click(function(){
if(9!="O" && 9!="X"){
if(cherha==0){
$("#9").append("O")
cherha=1;
}
else if(cherha==1)
{
$("#9").append("X")
cherha=0;
}
}
else if(9=="O" || 9=="X")
{
alert("Ця клітинка вже занята")
}
});
if(1=="O")
{
if(4=="O")
{
if(7=="O")
{
alert("Нолік виграв!")
}
}
else if(2=="O")
{
if(3=="O")
{
alert("Нолік виграв!")
}
}
else if(9=="O")
{
alert("Нолік виграв!")
}
}
if(2=="O")
{
if(5=="O")
{
if(8=="O")
{
alert("Нолік виграв!")
}
}
}
if(3=="O")
{
if(5=="O")
{
if(7=="O")
{
alert("Нолік виграв!")
}
}
else if(6=="O")
{
if(9=="O")
{
alert("Нолік виграв!")
}
}
}
if(7=="O")
{
if(8=="O")
{
if(9=="O")
{
alert("Нолік виграв!")
}
}
}
if(1=="X")
{
if(4=="X")
{
if(7=="X")
{
alert("Хрестік виграв!")
}
}
else if(2=="X")
{
if(3=="X")
{
alert("Хрестік виграв!")
}
}
else if(9=="X")
{
alert("Хрестік виграв!")
}
}
if(2=="X")
{
if(5=="X")
{
if(8=="X")
{
alert("Хрестік виграв!")
}
}
}
if(3=="X")
{
if(5=="X")
{
if(7=="X")
{
alert("Хрестік виграв!")
}
}
else if(6=="X")
{
if(9=="X")
{
alert("Хрестік виграв!")
}
}
}
if(7=="X")
{
if(8=="X")
{
if(9=="X")
{
alert("Хрестік виграв!")
}
}
}
</script>
</body>
</html>
