Почему PHP и JavaScript не работают одновременно? - PullRequest
Новая
       0

Почему PHP и JavaScript не работают одновременно?

0 голосов
/ 01 мая 2020

Я сделал игру Ti c -Ta c -Toe, очень простую, я знаю, я должен хранить координаты в базе данных, поэтому мне нужно PHP, я сделал JS файл, чтобы определить победителя и поместить X или O в правильную ячейку, но они не работают, когда я не приглашаю PHP, работает js. А как очистить данные в таблице? Я пытался решить это, но это не работает, и я не знаю почему.

HTML

<!DOCTYPE html>
<html>
<head>
<script src="tictactoe.js"></script>
<link rel="stylesheet" type="text/css" href="tictactoe.css">
<meta charset="utf-8">
</head>
<body>
<form>
<table style="width:100%" style="height:10%" id="table1">
<tr id="vmi">
<td class="cell" id="tr0td1"></td>
<td class="cell" id="tr0td2"></td>
<td class="cell" id="tr0td3"></td>
<td class="cell" id="tr0td4"></td>
<td class="cell" id="tr0td5"></td>
</tr>
<tr>
<td class="cell" id="tr1td1"></td>
<td class="cell" id="tr1td2"></td>
<td class="cell" id="tr1td3"></td>
<td class="cell" id="tr1td4"></td>
<td class="cell" id="tr1td5"></td>
</tr>
<tr>
<td class="cell" id="tr2td1"></td>
<td class="cell" id="tr2td2"></td>
<td class="cell" id="tr2td3"></td>
<td class="cell" id="tr2td4"></td>
<td class="cell" id="tr2td5"></td>
</tr>
<tr>
<td class="cell" id="tr3td1"></td>
<td class="cell" id="tr3td2"></td>
<td class="cell" id="tr3td3"></td>
<td class="cell" id="tr3td4"></td>
<td class="cell" id="tr3td5"></td>
</tr>
<tr>
<td class="cell" id="tr4td1"></td>
<td class="cell" id="tr4td2"></td>
<td class="cell" id="tr4td3"></td>
<td class="cell" id="tr4td4"></td>
<td class="cell" id="tr4td5"></td>
</tr>
</table>

<form name="amoba" action="tictactoe.php" method="POST">
Character(X or O):
<input type="text" id='character' name='Character' class='editor'>
<label for='tr'>Row: <input id='sor' type='number' min='0' name='Sor'> 
<label for='td'>Column: <input id='column'type='number' name='Column' max='5'>
<button type='button' onclick="addXO();winning()">submit</button> 
<form name="list_user" action="alreadyusedpoints.php" method="POST">
</form>
<input type="reset" id='New' value="New game!">

JS

function addXO() {
    var row = document.getElementById('sor').value;
    var column = document.getElementById('column').value;
    var character = document.getElementById('character').value;

document.getElementById('tr'+row+'td'+column).innerText  = character;}

function nyeres(){
    var tr0td1val=document.getElementById("tr0td1").innerHTML;
    var tr0td2val=document.getElementById("tr0td2").innerHTML;
    var tr0td3val=document.getElementById("tr0td3").innerHTML;
    var tr0td4val=document.getElementById("tr0td4").innerHTML;
    var tr0td5val=document.getElementById("tr0td5").innerHTML;
    var tr1td1val=document.getElementById("tr1td1").innerHTML;
    var tr1td2val=document.getElementById("tr1td2").innerHTML;
    var tr1td3val=document.getElementById("tr1td3").innerHTML;
    var tr1td4val=document.getElementById("tr1td4").innerHTML;
    var tr1td5val=document.getElementById("tr1td5").innerHTML;
    var tr2td1val=document.getElementById("tr2td1").innerHTML;
    var tr2td2val=document.getElementById("tr2td2").innerHTML;
    var tr2td3val=document.getElementById("tr2td3").innerHTML;
    var tr2td4val=document.getElementById("tr2td4").innerHTML;
    var tr2td5val=document.getElementById("tr2td5").innerHTML;
    var tr3td1val=document.getElementById("tr3td1").innerHTML;
    var tr3td2val=document.getElementById("tr3td2").innerHTML;
    var tr3td3val=document.getElementById("tr3td3").innerHTML;
    var tr3td4val=document.getElementById("tr3td4").innerHTML;
    var tr3td5val=document.getElementById("tr3td5").innerHTML;
    var tr4td1val=document.getElementById("tr4td1").innerHTML;
    var tr4td2val=document.getElementById("tr4td2").innerHTML;
    var tr4td3val=document.getElementById("tr4td3").innerHTML;
    var tr4td4val=document.getElementById("tr4td4").innerHTML;
    var tr4td5val=document.getElementById("tr4td5").innerHTML;
    if(tr0td1val != "" && tr0td1val == tr0td2val && tr0td2val == tr0td3val && tr0td3val == tr0td4val && tr0td4val == tr0td5val)
    {
        alert("Player"+tr0td1val+" Won!");
    }
    else if(tr1td1val != "" && tr1td1val == tr1td2val && tr1td2val == tr1td3val && tr1td3val == tr1td4val && tr1td4val == tr1td5val)
    {
        alert("Player"+tr1td1val+" Won!");
    }
    else if(tr2td1val != "" && tr2td1val == tr2td2val && tr2td2val == tr2td3val && tr2td3val == tr2td4val && tr2td4val == tr2td5val)
    {
        alert("Játékos "+tr2td1val+" Nyert!");
    }
    else if(tr3td1val != "" && tr3td1val == tr3td2val && tr3td2val == tr3td3val && tr3td3val == tr3td4val && tr3td4val == tr3td5val)
    {
        alert("Játékos "+tr3td1val+" Nyert!");
    }
    else if(tr4td1val != "" && tr4td1val == tr4td2val && tr4td2val == tr4td3val && tr4td3val == tr4td4val && tr4td4val == tr4td5val)
    {
        alert("Játékos "+tr4td1val+" Nyert!");
    }
    else if(tr0td1val != "" && tr0td1val == tr1td1val && tr1td1val == tr2td1val && tr2td1val == tr3td1val && tr3td1val == tr4td1val)
    {
        alert("Játékos "+tr0td1val+" Nyert!");
    }
    else if(tr0td2val != "" && tr0td2val == tr1td2val && tr1td2val == tr2td2val && tr2td2val == tr3td2val && tr3td2val == tr4td2val)
    {
        alert("Játékos "+tr0td2val+" Nyert!");
    }
    else if(tr0td3val != "" && tr0td3val == tr1td3val && tr1td3val == tr2td3val && tr2td3val == tr3td3val && tr3td3val == tr4td3val)
    {
        alert("Játékos "+tr0td3val+" Nyert!");
    }
    else if(tr0td4val != "" && tr0td4val == tr1td4val && tr1td4val == tr2td4val && tr2td4val == tr3td4val && tr3td4val == tr4td4val)
    {
        alert("Játékos "+tr0td4val+" Nyert!");
    }
    else if(tr0td5val != "" && tr0td5val == tr1td5val && tr1td5val == tr2td5val && tr2td5val == tr3td5val && tr3td5val == tr4td5val)
    {
        alert("Játékos "+tr0td5val+"Nyert!");
    }
    }
function New(){
        document.getElementById("table1").reset();
}

PHP

<?php
    include("config.php");
    if($_SERVER["REQUEST_METHOD"] == "POST"){
        $Row="";
        $Column="";
        if(isset($_POST["Row"])){
            $Row= $_POST["Row"];
        }else{
            die("Didn't get row data");
        }
        if(isset($_POST["Column"])){
            $Column= $_POST["Column"];
        }else{
            die("Didn't get Column data");
        }       
        $Column = $_POST["Column "];
        $sql_utasitas = "INSERT INTO `user` (`Row`, `Column`)
        VALUES ('$Row', '$Column')";

        $result= mysqli_query($db_conn, $sql_task);

        if(!$result){
            echo mysqli_error($db_conn);
            exit();
        }

        mysqli_close($db_conn);
        header("location: tictactoe.html");

    }else{
        echo "Wrong!";
    }
?>
<?php
    define('DB_SERVER','localhost');
    define('DB_USERNAME','root');
    define('DB_PASSWORD','');
    define('DB_DATABASE','tictactoe');
    $db_conn=mysqli_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD,DB_DATABASE);
?>


<?php
    include("config.php");

    if($_SERVER["REQUEST_METHOD"] == "POST"){       
        $sql_task = "SELECT * FROM `user`";
        $result= mysqli_query($db_conn, $sql_task);     
        if(!$result){
            exit();
            die("Wrong!");
        }

        $count=mysqli_num_rows($result);
        echo "Already used points ".$count;
        $points= array();

        while($row = mysqli_fetch_array($result)){
            $points[]=$row;
        }

        $kiirando_kod='';
        $kiirando_kod.="<div><table>";
        mysqli_free_result($result);
        mysqli_close($db_conn);

        foreach($points as $id=>$item){
            $kiirando_kod.="<tr><td>".$item["ID"]."</td>";
            $kiirando_kod .="<td>".$item["Row"]."</td>";
            $kiirando_kod .= "<td>".$item["Column"]."</td>";
            $kiirando_kod .="</tr>";

        }

        $kiirando_kod .="</table></div>";
        echo $kiirando_kod;

    }
?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...