javascript - 如何提醒输入值

Question

因此，我最近决定尝试使用 Intel XDK 学习应用程序开发，但到目前为止，我对 HTML 了解不多。

我正在尝试创建一个基本的测试应用程序，允许用户在文本框中键入消息，然后单击提交按钮，该按钮会发出显示输入文本的警报。

这是我的:

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" value="document.getElementByID(message)" onclick=alert(message)>Generate Text</button>

但是当我运行该应用程序时，它会显示 [object HTMLInputElement]。

我该如何解决这个问题？

Answer 1

获取元素值使用

var message = document.getElementById("message").value;
alert( message );

此外，不要使用内联 JS。而是分配一个事件处理程序

document.getElementById("myButton").addEventListener("click", function() {

    var message = document.getElementById("message").value;
    alert( message );

}, false);

这是一个工作示例:

var message = document.getElementById("message");
document.getElementById("myButton").addEventListener("click", function() {
    console.log( message.value );
});

<br>
<input type="text" id="message" value="">
<br>
<button id="myButton" type="button">Generate Text</button>