javascript - 在 Javascript 中创建 Ask 函数

Question

我对 Javascript 还很陌生，所以我想我应该从基于文本的游戏开始。我需要做的是能够检测游戏何时等待命令以及游戏何时等待答案。这是我得到的。

var textIn = document.getElementById('input-textbox');
var textOut = document.getElementById("output-textbox");

function process(input) {
    var command = input.split(" ")[0];

    if(command == "help") { 
        return "Help dialog";
    }else{
        return "Unknown command: " + input + ". Please type /help for a list of commands.";
    }
}

function go() {
    var input = textIn.value;
    textIn.value = "";
    output(process(input));
}

function output(text){
    textOut.value += text + "\n";
}

function createPlayer(){
    output("Please Type Your Name")
    // Wait for player response and set it as a variable.
}

createPlayer();

实现这一点的最佳方法是什么？

Answer 1

您有几个选项，您可以使用 onclick 并有一个用户单击的按钮，然后调用您的功能来填写 HTML 答案的答案(示例中的 id="output-textbox")<--我的投票*。

...或者您可以选择检查哪个元素处于焦点状态，或者在输入框中是否按下了 Tab/Enter 键，然后在按下 Tab/Enter 键后放置答案字段。我认为后一种方法，您应该有一个 HTML5 占位符属性来表示“完成时点击 tab{enter}”或类似的内容，然后在关注元素时检查选项卡 - 这可以通过 jQuery 选择器或覆盖该输入元素的当前焦点方法，或者可能使用 document.activeElement 来查看关注的内容，然后如果是关注的答案并且输入不是空白，请填写它，等等，等等

*如果您是 Javascript 新手，我建议您使用两个按钮(一个标记为“answer”，一个标记为“clear”)，然后使用 HTML 按钮元素的 onclick 属性来轻松调用 Javascript 方法。这将使您入门并更加直接，仔细检查您的 DOM 操作的工作原理，并进一步减少按钮和更流畅的 DOM 操作。

祝你好运!