如何提醒输入值 [英] How to alert input value

问题描述

所以我最近决定尝试使用英特尔XDK学习应用程序开发，到目前为止我只知道一点HTML。

So I recently decided to try learning app development with Intel XDK, and as of now I know only little bit of HTML.

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

I'm trying to create a basic test app that allows the user to type a message in a text box, and then click the submit button which gives an alert that displays the inputted text.

这是什么我有：

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

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

But when I run the app it displays [object HTMLInputElement].

我该如何解决这个问题？

How can I fix this?

推荐答案

获取元素值使用

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

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

Also, don't use inline JS. Rather assign an event handler

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>

这篇关于如何提醒输入值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！