如何提醒輸入值

Question

所以我最近決定嘗試使用英特爾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> 

Answer 2

但是當我運行應用程序時，它會顯示“[object HTMLInputElement]”。 我該如何解決？

message在html ， javascript引用具有id "message"元素。 您使用DOM元素#message作為參數調用alert() 。 要更正此問題，您可以將#message ： message .value屬性message給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> 

Answer 3

你必須在alert和value中使用這個函數，這只是一個顯示為按鈕的參數試試這個：

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

Answer 4

document.getElementByID(message)不屬於按鈕的value屬性，但應該位於警報內：

 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> 

Answer 5

您需要在按鈕的value參數中鍵入此內容：

document.getElementById(message).value

謝謝你們修理我們。