1 Востаннє редагувалося Chemist-i (07.04.2020 01:19:02)

Тема: Гра хрестики-нолики, чомусь не працює - 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>

2

Re: Гра хрестики-нолики, чомусь не працює - js/html/php

Відмодерував ваше повідомлення.
Стосовно оформлення:
1. Не спаміть в темах, для цього не призначених.
2. Частини коду ховайте в тег code
2а. Дуже великі частини коду ховайте під спойлер.

Стосовно питання, "чомусь не працює" це не питання. Скажіть що саме не так? Що ви очікуєте побачити, а що бачите замість очікуваного. Тоді учаникам форуму буде легше вам допомогти. Поважайте інших.

Подякували: koala, 221VOLT, leofun013

3

Re: Гра хрестики-нолики, чомусь не працює - js/html/php

Данік написав:
cherha==1
if(1!="O" && 1!="X")

Скажіть, 1 в цих виразах має одне й те саме значення чи різні?