javascript - 将文本字段的值返回给 JavaScript

Question

我知道这是一个非常基本的问题，但我是(非 HTML)编程的新手，在学习了 CodeAcademy 上的大部分 JS 类(class)之后，我仍在努力实现我所学的任何东西实际工作。

所以我决定设计一个简单的基于 JavaScript 的命令行作为对自己的挑战。当然，我编写的第一个实际代码拒绝工作，尽管不断地摆弄。

这是 HTML(好吧，相关的部分):

<input type="text" id="commandfield"></input>
<button type="button" onclick="enterCommand()">Enter</button>

这是 Javascript:

var field = document.getElementById("commandfield");

function enterCommand () {
    var input = field.value;
    alert(input);
}

...并且没有警报显示。我测试了一个纯字符串警报，它工作正常，所以我知道问题出在#commandfield 的获取值上。我做错了什么？

Answer 1

选择函数内的元素:

function enterCommand () {
    var field = document.getElementById("commandfield");
    if (field) {
        var input = field.value;
        alert(input);
    }
}

这将根据事件发生时 DOM 的状态选择元素。