如何提醒输入值

How to alert input value

本文关键字：输入 何提醒      更新时间：2023-09-26

所以我最近决定尝试使用英特尔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]。

我该怎么解决这个问题？

使用获取元素值

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>

但当我运行应用程序时，它会显示"[object HTMLInputElement]"。如何我搞定了？

在html、javascript处的message引用具有id、"message"的元素。您正在使用DOM元素#message作为参数调用alert()。要更正此问题，可以将#message:message的.value属性传递给alert(message.value)。

注意，请参阅为什么不'；我们不只是在JavaScript中使用元素ID作为标识符吗。

您也可以将click事件附加到button元素，并在click处理程序中调用alert(document.getElementById("message"))，如@RokoC.Buljan解决方案所示。

onclick的alert()和message 的.value附近缺少引号

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

document.getElementByID(message)不属于按钮的值属性，但应该在警报中：

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

备注

通常建议将HTML代码与JavaSCript代码分开，并使用Document.getElementById()而不是HTML属性onclick来添加单击事件。

因此，这意味着最好像这样重写上面的代码：

document.getElementById("button").addEventListener("click", function() {
   alert(document.getElementById('message').value);
});
Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" id="button">Generate Text</button>

您必须在alert中使用此函数，value只是一个显示为按钮的参数试试这个：

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

您需要在按钮的值参数中键入：

document.getElementById(message).value

谢谢你帮我搞定伙计们。

相关文章：