Question

<button id "add" onclick="changeTotal()">change total add 5</button>
<button id "subtract" onclick="changeTotal()">change total subtract 5</button>


var Total = 10;

function changeTotal () {

if (add === true) {

   total = total + 5;
} else (subtract === true) {
 total = total - 5;
};

我不确定如何完成这个...新手......但我想要两个按钮。一个在

中增加了我的总数......另一个在

中减去总数的按钮。我需要它继续...就像不停在一定数量 - 负面或+积极。谢谢大家！

我试着搞砸了我刚学到的关于innerHTML的知识......

<p>Click the button to display the date.</p>

<button onclick="displayTotal()">The time is?</button>

<script>
function displayTotal() {

   var x = 5;
   var p = document.getElementById("demo").innerHTML = x;

  var y = document.getElementById("demo").innerHTML = + 5;


}
</script>

<p id="demo"></p>

Answer 1

我假设您只希望每次单击按钮时div递增，而不是在单击后连续递增。

<p>Click the button to display the date.</p>

<button onclick="displayTotal();">The time is?</button>

<script>
function displayTotal() {
   var p = document.getElementById("demo").innerHTML;
   document.getElementById("demo").innerHTML = parseInt(p, 10) + 5;
}
</script>

<p id="demo">0</p>

如果你想要两个增量或减量的按钮，你可以参数化这个功能。

<p>Click the button to display the date.</p>

<button onclick="increment(5);">Increment</button>
<button onclick="increment(-5);">Decrement</button>

<script>
function increment(val) {
   var p = document.getElementById("demo").innerHTML;
   document.getElementById("demo").innerHTML = parseInt(p, 10) + val;
}
</script>

<p id="demo">0</p>

Answer 2

Here是一个演示。不要担心事件监听器：你可以使用onclick a，但JSFiddle不喜欢这些。基本概念是您希望div保存该值，并且您希望将该值存储在JS文件中，更改它并每次将div设置为新值。

单击按钮更改总计

2 个答案: