0

我正在尝试使用 javascript 和 jquery 以及可能与 php 创建一个井字游戏浏览器游戏。

我让董事会安排了我喜欢如何使用表格并适当地添加边框。tic tac toe board 中的每个单元格都有自己唯一的 id，例如 topleft、topright、botleft 等。

出于测试目的，在我开始编写支持游戏的代码之前，我试图在用户单击适当的位置时出现“X”，但是我没有运气。

这是我到目前为止的javascript：

 <script type="text/javascript">

                function mark()
                {
                        document.getElementById('topleft').innerHTML = "X";
                }

                function init()
                {
                        var button = document.getElementById('topleft');
                        button.addEventListener('click', mark, false);
                }

                $(document).ready(function()
                {
                        $('#topleft').click(function()
                        {
                        });

                });
        </script>

这是html：

<body>
        <div>
                <table>
                        <tr>
                                <td id="upleft">
                                </td>
                                <td id="upcenter">
                                </td>
                                <td id="upright">
                                </td>
                        </tr>
                        <tr>

按照我的逻辑，页面加载，然后左上角得到一个点击监听器。单击该单元格后，侦听器被触发，然后调用函数标记以在单元格中放置一个 X，但是页面上没有任何可点击的内容，之后也没有任何标记出现。

如果有人能发现错误或有建议，我将不胜感激！

此外，如果您对 tic tac toe board 背后的逻辑编程有任何想法（没什么花哨的），我也将不胜感激。

4

1 回答 1

0

试试这种方式：

$('#topleft').click(function() {
    $(this).text('X');
});

下一步，不要#topleft直接使用，而是通用case className( $('.tictactoe-case'))，不要重复自己。

祝你好运！

于 2012-11-13T03:11:24.693 回答