javascript - 按点击 Javascript 的顺序打印所有按钮

Question

我有 10 个按钮 0-9。我想按“点击”的顺序打印出所有按钮的编号。例如，如果我单击按钮 5、4、3、2、1，那么它应该像 54321 一样打印，但使用我的编码，它仅按升序打印。谁能帮我解决这个问题？

function nmbr0(){
var displaySpan = document.getElementById('result0');
displaySpan.innerHTML = 0;
}
function nmbr1(){
var displaySpan = document.getElementById('result1');
displaySpan.innerHTML = 1;
}
function nmbr2(){
var displaySpan = document.getElementById('result2');
displaySpan.innerHTML = 2;
}

 <button type="button" onClick="nmbr0()"> 0 </button>
 <button type="button" onClick="nmbr1()"> 1 </button>
 <button type="button" onClick="nmbr2()"> 2 </button>

You have entered
<span id="result0"></span>
<span id="result1"></span>
<span id="result2"></span>

这是我点击 4321 后的输出:

Answer 1

问题是跨度已经按升序定义，所以即使您在 1 之前打印 2，它仍然会进入“result2”跨度。

<span id="result0"></span>
<span id="result1"></span>
<span id="result2"></span>

这个替代方案怎么样？

<button type="button" onClick="print(this)"> 0 </button>
<button type="button" onClick="print(this)"> 1 </button>
<button type="button" onClick="print(this)"> 2 </button>

You have entered
<span id="displaySpan"></span>

<script>
    var displaySpan = document.getElementById('displaySpan')
    function print(button){
        displaySpan.innerHTML += button.innerHTML
    }
</script>