javascript - 在页面上添加和排序元素

Question

我想在网页上有一堆不同的按钮。在按钮切换时(因此应在单击时按下按钮并在第二次单击时释放按钮)，文本将从文本变量中添加/删除。

例如，(在开始时)会有一个空文本和按钮 1、2、3、4

按下按钮 1 后，文本应显示 1。然后，按 3 和 2 后，文本应显示 132。然后，再次按 1 和 4 后，文本应显示 324。

现在，我有这个(它只是将数字添加到字符串中)，但是如何切换同一字符串内所有按钮的数字？

<p id="textfield"></p>

<button onclick="myFunction('1')">1</button>
<button onclick="myFunction('2')">2</button>
<button onclick="myFunction('3')">3</button>
<button onclick="myFunction('4')">4</button>

<script>
function myFunction(nr) {
    document.getElementById("textfield").innerHTML += nr;
}
</script>

Answer 1

下面的代码应该可以帮助你。

<script>
function myFunction(nr) {
   var str = document.getElementById("textfield").innerHTML;
   if(str.indexOf(nr) >=0)
   str = str.replace(nr,"");
   else
   str += nr;

    document.getElementById("textfield").innerHTML = str;
}
</script>

请检查Fiddle with working example