javascript - 如何强制循环等待用户按下提交按钮？

Question

我有一个简单的功能，可以检查输入的密码是否有效。但我不知道如何强制 for 循环等待，直到我再次输入代码以再次检查它的有效性。
那么它应该如何 - 我输入 PIN 码，然后单击“确定”按钮 并检查它是否正确(如果正确，我可以看到我的帐户菜单；如果不是，我必须再次输入，然后我还有 2 次机会)。我的代码失败，因为当代码错误时 PIN 程序应该等到我输入新代码并再次按下 OK 按钮。
我尝试了 setTimeout()、callback()，但它不起作用。这就是我所拥有的 - 一个带有 for 循环的函数，它只运行 3 次(正如它所设想的那样，但不是立即运行)而没有机会更正 PIN 码。

到此为止，未完成，代码:http://jsfiddle.net/j1yz0zuj/

仅与 for-loop 一起使用，检查 PIN 码的有效性:

var submitKey = function(callback)
{
    console.log("digit status" + digitStatus);
    if (digitStatus == 0)
    {
        correctPIN = 1234;
        var onScreen = document.getElementById("screen");
        for (i=0; i<3; i++)
        {
            if (onScreen.innerHTML.slice(15, onScreen.innerHTML.length) == correctPIN)
            {
               setTimeout(accountMenu, 1250);
               //break;
            }
            else
            {
                onScreen.innerHTML += "<br> Błędny kod PIN! Wpisz PIN ponownie. <br> Pozostało prób: " + (2-i);
                callback();
                //cardInserted = function(function(){console.log("Ponowne wpisanie PINu");});
            }
            if (i=2) console.log("blokada");
        }
    }
    else if (digitStatus == 1)
    {

    }


}

Answer 1

你的方法是错误的。你不应该让用户等待!!!您需要在程序的顶部再添加 2 个变量 pincount=0 和 pininputallowed。将提交键函数中的pincount加1，然后检查pincount是否<3。

这是您的代码的更正版本。

http://jsfiddle.net/kvsx0kkx/16/

var pinCount=0,
pinAllowed=true;


var submitKey = function()
{
    console.log("digit status" + digitStatus);
    if (digitStatus == 0)
    {
        correctPIN = 1234;
        var onScreen = document.getElementById("screen");
        pinCount++;
        if(pinCount >= 3) {
            pinAllowed = false;
            onScreen.innerHTML = "<br>blokada";
        }
        if(pinAllowed){
            if (onScreen.innerHTML.slice(15, onScreen.innerHTML.length) == correctPIN)
            {
               setTimeout(accountMenu, 1250);
               //break;
            }
            else
            {
                onScreen.innerHTML += "<br> Błędny kod PIN! Wpisz PIN ponownie. <br> Pozostało prób: " + (3-pinCount); 
                inputLength = 0;
                document.getElementById("screen").innerHTML += "<br>Wpisz kod PIN: ";
                //callback();
                //cardInserted = function(function(){console.log("Ponowne wpisanie PINu");});
            }
        }
    }
    else if (digitStatus == 1)
    {

    }


}

您需要创建更多变量来控制您的机器。您的添加/删除数字功能的条件写得很糟糕，只有在屏幕上的文本足够短的情况下才有效。

var inputLength = 0;
addDigit = function(digit){
                //numKeyValue = numKeyValue instanceof MouseEvent ? this.value : numKeyValue;{

            if (inputLength < pinLength) {
                onScreen.innerHTML += this.value;
                inputLength++;
            }
            //if (onScreen.innerHTML == 1234) console.log("PIN został wprowadzony");
        },
delDigit = function(){
            if (inputLength >= 0) {
                onScreen.innerHTML = onScreen.innerHTML.slice(0, -1);
                inputLength--;
            }
        };

如果你想在任何时候清空屏幕，你可以在任何地方插入 onScreen.innerHTML = '';ps:感谢您在那里制作的练习和漂亮的自动贩卖机。