Tic Tac Toe无法改变innerHTML

时间:2017-07-24 01:24:55

标签: javascript html

我尝试更改innerHTML的所有内容都不会改变任何内容。没有X或O,并且不显示当前的球员名称。我一直想弄清楚这一点。我已经找到了答案,从我能说的一切我所做的就是我应该这样做的方式。今晚我必须把它交给我,我必须至少得到基础知识,所以我可以添加一些风格。

function start() 
        {
            //alert("start");
            player1name = prompt("Enter First Player's Name", "");
            player2name = prompt("Enter Second Player's Name", "");
            currentPlayer = player1name;
            documet.getElementById("player").innerHTML = currentPlayer + " 
                            choose a square.";

        }

然后我有我的所有HTML。

<body onload="start()">

    <!--HEADING AND PLAYER NAME-->
    <h1>Tic Tac Toe</h1>

    <!--DISPLAY NAME OF CURRENT PLAYER ON THEIR MOVE-->
    <h2 id="player"></h2>

    <!--TABLE-->
    <div class="Table">

        <!--FIRST ROW-->
        <div class="Row">
            <div class="Cell" id="1" onclick="playerMoved(this, 1)"></div>
            <div class="Cell" id="2" onclick="playerMoved(this, 2)"></div>
            <div class="Cell" id="3" onclick="playerMoved(this, 4)"></div>    
        </div>

        <!--SECOND ROW-->
        <div class="Row">
            <div class="Cell" id="4" onclick="playerMoved(this, 8)"></div>
            <div class="Cell" id="5" onclick="playerMoved(this, 16)"></div>
            <div class="Cell" id="6" onclick="playerMoved(this, 32)"></div>    
        </div>

        <!--THIRD ROW-->
        <div class="Row">
            <div class="Cell" id="7" onclick="playerMoved(this, 64)"></div>
            <div class="Cell" id="8" onclick="playerMoved(this, 128)"></div>
            <div class="Cell" id="9" onclick="playerMoved(this, 256)"></div>    
        </div>
    </div>

3 个答案:

答案 0 :(得分:2)

在这一行

documet.getElementById("player").innerHTML = currentPlayer + " choose a square.";

更正&#39;文档&#39;

的拼写

答案 1 :(得分:0)

我不知道你的整个代码,但是因为你写了#34; documet&#34;而不是&#34;文件&#34; ?

答案 2 :(得分:0)

有一个拼写错误:documet.getElementById需要document.getElementById