如何啓用多個點擊按鈕？

-3

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<p id="demo"></p> 

<input type="button" id="button" value="8"/> 
<script> 
button.onclick=function(){ 

    document.querySelector("#demo").innerText = document.querySelector("#button").value; 

} 
</script> 

</body> 
</html>

我想多次點擊按鈕，所以我可以附加按鈕的值，並得到這樣的輸出8888而不是隻有一個數字8這怎麼可能？任何幫助，將不勝感激:)如何啓用多個點擊按鈕？

來源

2017-07-29 cay cospete

您需要更改線路

document.querySelector("#demo").innerText = document.querySelector("#button").value

要

document.querySelector("#demo").innerText += document.querySelector("#button").value

這樣，它的附加價值段落，沒有設置它的內部文本。

來源

2017-07-29 21:23:59

-1

試試這個：

$(document).ready(function() { 
       $("#button").on('click', function(){ 
        $("#demo").append($(this).val()); 
       }) 
    });//end doc ready

來源

2017-07-29 21:25:10 whoami

我想多一點的努力，你可以有圖這一點上你自己的。這對理解JS沒有什麼問題，這是邏輯問題。但在這裏，你去...

這裏的問題是，你正在檢索測試框的以前的值。

document.querySelector("#demo").innerText =

是否將您的#demo潛水的價值設定爲平等之後的水平。

document.querySelector("#button").value;

會搶你按鈕被設置爲8。所以不管有多少你運行這個時候，它還將設置的值#demo的innerText屬性是8

所有你必須要做的就是再次設置它的值之前從#demo獲取當前值。

const current = document.querySelector("#demo").innerText; 
const next = current + document.querySelector("#button").value; 
document.querySelector("#demo").innerText = next;

或

document.querySelector("#demo").innerText += document.querySelector("#button").value

來源

2017-07-29 21:27:19

如何啓用多個點擊按鈕？

回答

相關問題