Question

因此，为了提供一些细节，我正在尝试制作互动小说游戏或文字冒险。我有一个表单，可以输入游戏的所有“命令”。我正在处理第一个命令，即字符串“start”来调用提示符。只是为了测试代码，我有提示说“成功！”什么时候做得正确然而，正在发生的事情是，只要我打开Web浏览器进行测试，就会在我输入命令之前触发提示。这是代码。

<html>
<head>
<script type="text/javascript" src="scripts/engine.js"></script>
</head>

<body>

<form id="testForm"> <input type="text" name="">

</form>


</body>
</html>

然后是javascript。

var input = document.getElementById("testForm");

if (input = "start") {
    prompt("Success!");
}

Answer 1

你需要像这样检查输入的值

var input = document.getElementById("inputID");
var value = input.value;

代码将始终立即运行，因为它没有事件处理程序。你可以添加一个触发它的按钮

document.getElementById('button').addEventListener('click', function () {
  var input = document.getElementById("inputID");

  if (input.value === 'start') {
    // Do something
  }
});

或者，如果您更喜欢表单提交事件：

document.getElementById('testForm').addEventListener('submit', function () {
  var input = document.getElementById("inputID");

  if (input.value === 'start') {
    // Do something
  }
});

Answer 2

试试这个：

<html>
<head>
<script type="text/javascript" src="scripts/engine.js"></script>
</head>
<body>

<form id="testForm"> 
<input type="text" id="myInput">
</form>

<script>
 var myForm = document.getElementById("testForm");// get the form element.
 var myInput = document.getElementById("myInput");// get the input element
 myForm.onsubmit = function() { // when the form is submitted, execute this function.
    if (myInput.value == "start") { // if the value of the input equals 'start', show prompt.
       prompt("Success!");
    }
    return false; //return false, so the form doesn't get submitted.
};
</script>
</body>
</html>

编辑：添加了提交事件处理程序，返回false，因此表单不会被提交。

我正在尝试对文本区域中的特定输入调用特定的javascript函数，但它不起作用

2 个答案: