使用html按钮更改javascript变量

时间:2013-12-24 11:21:29

标签: javascript html button

所以我是一个初学程序员,我正在尝试使用javascript和html连续四个。 游戏运行得很好,但我正在使用提示让玩家选择一个列。这不是非常用户友好,所以我想使用html按钮(每列一个)。 但是,我无法让它发挥作用。我认为代码正在按钮点击之前执行。

按钮应该每圈给var列赋予正确的值。 place将1或2(类似于播放器)放入2d数组 checkField将检查是否有4个连续

这就是我现在所拥有的:

在体内:

<button onclick="clickButton(1)" style="position:absolute; left:300px; top:10px">A</button>

在剧本中:

var turn = 1;
var wichPlayer = 0;
var noFourInARow = true;
while(noFourInARow){

    if(turn%2 == 1){
        wichPlayer = 1;
    }

    else{
        wichPlayer = 2;

    }


    function clickButton(k){
    var column = k;
    array = place(row,wichplayer,column);
    turn++;
    noFourInARow = checkField(row, wichPlayer, player1, player2);
    }

}

1 个答案:

答案 0 :(得分:1)

单击按钮时,不会重新评估您的代码。所以你只在按钮功能内部运行。为什么不将所有操作都移到按钮中?

function action() {
var turn = 1;
var wichPlayer = 0;
var noFourInARow = true;
while(noFourInARow){

    if(turn%2 == 1){
        wichPlayer = 1;
    }

    else{
        wichPlayer = 2;

    }
}


    function clickButton(k){
    var column = k;
    array = place(row,wichplayer,column);
    turn++;
    noFourInARow = checkField(row, wichPlayer, player1, player2);
    action();
    }

这只是改变观点的一个例子。我不确定你的代码是做什么的......