Question

因此，我可以使用<input type="text">和button代替按钮点击输入值，而不是提示，例如：

var x = [];

$('button').on('click', function(){
  x.push($(input[type="text"]).val());  
});

但是，例如在一个循环中：

var y=0;
var z=[];
do {
  z.push(prompt('input value'));
  y++;
}
while (y<5);

循环会提示输入值，用户输入值，提示将值赋给数组，然后循环会再次提示，直到y达到5。

而不是提示，我想用我的文本字段输入和按钮执行此操作。如何让循环暂停，等待用户输入文本，并在每次到达循环的那一部分时通过单击按钮提交？

编辑：将5个值推入数组只是一个例子。假设我想要创建一个游戏，其中循环将向上移动，向上移动，向下移动向下移动。我希望能够在循环期间请求用户输入，类似于提示的执行方式，但不使用提示。

Answer 1

你不是。你彻底改变了你的逻辑，完全失去了循环：

var z = [];
$('button').on('click', function() {
    z.push($(input[type="text"]).val());
    if (z.length === 5) {
        // Do what you would have done after the end of the loop here
    }
});

您已对此问题进行了编辑，并在下面做出评论，您下次执行的操作可能会因输入而异。这不是问题，您只需将事件响应模型应用于您的新要求即可。例如，你说

...让我们说我想创建一个游戏，其中循环将向上移动＆＃34; up＆＃34; ＆＃34; down＆＃34;输入

然后：

$('button').on('click', function() {
    switch ($(input[type="text"]).val().toLowerCase()) {
        case "up":
            // Do the "up" thing
            break;
        case "down":
            // Do the "down" thing
            break;
    }
});

您可以通过几种不同的方式处理调度，而不一定是switch。例如：

var actions = {
    up: function() {
        // Do the "up" thing
    },
    down: function() {
        // Do the "down" thing
    }
};
$('button').on('click', function() {
    var action = actions[$(input[type="text"]).val().toLowerCase();
    if (action) {
        action();
    }
});

等等。关键是，不是迭代地工作（我这样做，我得到了输入，我接下来做了，我得到了更多的输入），你正在被动地：我得到了输入，我做一点事。这可能需要某种状态管理（记住你所处的位置）超出上面所示（第一个例子有状态管理：我们检查z的长度，看看我们有多少输入收集）。

循环中的Javascript提示替代

1 个答案: