javascript - 在 JavaScript 中触发事件之前检查文本输入

Question

我正在尝试创建一个基于文本的冒险游戏。我设法弄清楚如何通过简单的 onclick 按钮在 html 的文本区域中进行文本输出，但现在我正在尝试做一些新的事情。我在做同样的事情时遇到了麻烦，但是对于输入文本，用户可以在框中写入任何内容，然后单击按钮。现在，我正在尝试让这个程序在执行某些操作之前根据某个标志检查用户输入(在本例中，我将标志设置为“披萨”)。不幸的是，我的代码根本不起作用。我想我不完全理解输入是如何在 JavaScript 函数中传递的。

JavaScript 部分:

function record(test) {
            var input = document.getElementById('filename');
            fileName = input.value;
            if (fileName == "pizza") {
            var obj=document.getElementById(test);
            obj.value="is this showing up in the textarea???"; 
            }
                        else {obj.value="wrong password!"; }
 
        }

html部分:

<input name="filename" id="filename" type="text">

<a id="record_button" onclick="record('textarea1');" href="javascript:void(0);" title="Record">Perform Action</a>

<textarea wrap="virtual" cols="73" rows="10" id="textarea1"></textarea>

Answer 1

问题是您的 else 语句中的此 block 未声明 obj 。因为您在上面的 if 语句中定义了 obj ，所以它是该范围所独有的。只需在 if block 上方定义 obj 即可。

--

function record(test) {
    var input = document.getElementById('filename');
    fileName = input.value;
    var obj=document.getElementById(test);
    if (fileName == "pizza") { 
        obj.value="is this showing up in the textarea???"; 
    }
    else {
        obj.value="wrong password!";
    }
}