如何将Javascript添加到我的HTML和CSS tic tac toe游戏中？_Javascript_Html_Onclick_Tic Tac Toe

如何将Javascript添加到我的HTML和CSS tic tac toe游戏中？

javascript html

如何将Javascript添加到我的HTML和CSS tic tac toe游戏中？,javascript,html,onclick,tic-tac-toe,Javascript,Html,Onclick,Tic Tac Toe,这是我的HTML和CSS。我没有嵌入Javascript。不过，我确实引用了一个Javascript文件。当我点击一个框时，最简单的Javascript是什么，它只有一个X和“O”出现 <html> <head> <title>First Tic Tac Toe</title> <link rel="stylesheet" type="text/css" href="style.css">

这是我的HTML和CSS。我没有嵌入Javascript。不过，我确实引用了一个Javascript文件。当我点击一个框时，最简单的Javascript是什么，它只有一个

和“O”出现

<html>
    <head>
        <title>First Tic Tac Toe</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="script.js"></script>
    </head>
    <body>
        <h1>Tic Tac Toe</h1>

        <div class="wrapper">
            <div class="gameboard">

                <div class="Row1">
                    <div id="cell1"></div>
                    <div id="cell2"></div>
                    <div id="cell3"></div>
                </div>

                <div class="Row2">
                    <div id="cell4"></div>
                    <div id="cell5"></div>
                    <div id="cell6"></div>
                </div>

                <div class="Row3">
                    <div id="cell7"></div>
                    <div id="cell8"></div>
                    <div id="cell9"></div>
                </div>

            </div>

            <div class="button">

            <button>New Game</button>
            <button>End Game</button>

            </div>
        </div>

    </body>
</html>

首先，如果不需要，不要对每行使用不同的类。在任何地方使用行和单元格

通过head中的链接包含jquery.js

然后

好的，现在它说“点击”

让我们添加“X”或“O”

$(document).ready(function(){
    var tour = 0;
    $(".gameboard").find(".cell").click(function(){
        if(tour%2==0){
            $(this).text("O");
        } else {
            $(this).text("X");
        }
        i++;
    });
});

现在我们不能覆盖以前的值

$(document).ready(function(){
    var tour = 0;
    $(".gameboard").find(".cell").click(function(){
        if($this.text() != ""){ return; }
        if(tour%2==0){
            $(this).text("O");
        } else {
            $(this).text("X");
        }
        i++;
    });
});

您可能想添加Javascript，而不是Java。虽然名称相似，但它们是完全不同的编程语言。JAVA！=Jaaavaaasscripppptpeh，阅读标签说明我们不为您编码；顺便说一句，把所有的课程改成同一个课程，除非你打算使用id。我女朋友在等我看电视节目，请有人继续：p

$(document).ready(function(){
    var tour = 0;
    $(".gameboard").find(".cell").click(function(){
        if(tour%2==0){
            $(this).text("O");
        } else {
            $(this).text("X");
        }
        i++;
    });
});

$(document).ready(function(){
    var tour = 0;
    $(".gameboard").find(".cell").click(function(){
        if($this.text() != ""){ return; }
        if(tour%2==0){
            $(this).text("O");
        } else {
            $(this).text("X");
        }
        i++;
    });
});