如何启用多个点击按钮？

-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

如何启用多个点击按钮？

回答

相关问题