如何在JavaScript和HTML中更改对输入框的提示响应

我把代码的一部分放在下面。这是我正在开发的一个小javascript游戏。当游戏想要知道一些东西，或者从用户那里获取文本输入时，我使用prompt命令，正如您可能知道的，它会弹出一个警报框，显示一些文本，并允许用户提交文本响应。我想知道我如何改变它，所以屏幕上不是弹出一个警报框，而是一个输入框，接收他们的文本响应。我假设所需的代码可能是JQuery（我在这方面没有太多经验）或JavaScript

                         Long Detailed Question

---

总之，我想知道如何制作一个输入框，它可以像提示警报一样接收文本输入您可以使用Jquery来实现这一点，也可以使用

document.getElementsByTagName（'input'）。value

，将其分配给一个变量，并相应地执行操作。与用户对第一个选项选择“是”类似，输入框的值将设置为布尔值：

true

或字符串：

yes

。然后获取这些值并根据结果显示消息。

无法直接翻译此代码。您需要对代码进行一些重大更改以支持它

alert（）

、

prompt（）

和

confirm（）

Javascript函数的独特之处在于它们阻止脚本的执行，直到对话框关闭。实际上，Javascript中的所有其他方法，包括允许您操作和响应HTML页面中事件的DOM方法，都是非阻塞的——也就是说，它们必须立即执行，并且不能等待事件发生

若要将此代码返工以在页面中运行，您需要将其重新格式化为一个页面。这将需要跟踪您的游戏在任何给定点处于什么状态，并根据该状态对事件做出适当的响应。例如，您可以将游戏的一部分编写为：

var状态；
功能打印（msg）{
document.getElementById（“输出”）.innerText=msg；
}
函数takeInput（）{
var输入=document.getElementById（“输入”）.value；
如果（状态=“哪个门”）{
如果（输入=“左”）{
打印（“你打开左边的门，掉进了一个无底洞。现在怎么办？”）；
state=“无底洞”；
}else if（输入=“右”）{
打印（“你打开正确的门，发现自己迷失在户外…”）；
state=“户外”；
}否则{
打印（“那不是门，你开哪扇门？”）；
状态=“哪扇门”；
}
}否则如果（状态=“无底坑”）{
打印（“你仍在从一个无底坑中坠落…”）；
state=“无底洞”；
}否则如果（状态=“户外”）{
打印（“现在你又回到那两扇门了。是左还是右？”；
状态=“哪扇门”；
}
//……等等。。。
});
//使“go”元素在单击时调用takeInput（）方法
document.getElementById（“go”）.addEventListener（“单击”，获取输入）；
//在“哪个门”状态下开始并显示介绍：
状态=“哪扇门”；
打印（“您是打开左门还是右门？”）

去
我不认为您可以修改JS预设，但您可以用Visual Basic（文本/VBSCRIPT）制作它们的实体模型。
尝试使用CSS制作一个假弹出窗口。那会让它看起来真实。或者嵌入PNG。但请注意。嵌入PNG可能会导致用户拖动它并发现它是假的。尝试使用Animate.CSS让它以Windows方式弹出。
这不应该是一个答案，而是一个注释。
                          Short Summarized Question

                                    Code
var finishAnt = prompt(
                 "you can either risk your life and finish him, or try to run away. Do you finish him?").toLowerCase()
             if (finishAnt == "yes") {
                 console.log("congratulations you have killed the aint eater!")
             } else if (finishAnt == "no") {
                 console.log(
                     "You run away and barley make it, you are badly hurt");
             } else {
                 console.log("sorry thats not an option")
             }
         } else if (meetAnt == "no") {
             console.log(
                 "You run past the ant eater and get to saftey. You are very lucky")
         } else {
             console.log("Sorry that is not an option.")
         }