为什么我的代码只在 javascript 中将此值增加 1 次

Question

 function increase1() { var a = document.getElementById('increase').value; ++a document.getElementById('counter').innerHTML = a }

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Counter app</title> </head> <body> <p id="counter" value="0">0</p> <br> <button id="increase" onclick="increase1()">increase</button><br><br> <button id="decrease">decrease</button> </body> <script src="app.js"></script> </html>

这是我预先增加的代码，请检查，请检查我应该在这个代码中更改什么

Answer 1

var a = document.getElementById('increase').value;

不要让新值改变它

var a = parseInt(document.getElementById('counter').innerHTML);

Answer 2

您需要获取计数器的值并递增/递减，然后更新计数器的值。 请在下面找到更新的代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Counter app</title>
    <script>
      function increase1() {
        let counterElement = document.getElementById("counter");
        let count = parseInt(counterElement.value);
        counterElement.value = ++count;
      }
    </script>
  </head>
  <body>
    <input id="counter" type="number" value="0" />
    <br />
    <button id="increase" onclick="increase1()">increase</button><br /><br />
    <button id="decrease">decrease</button>
  </body>
  <script src="app.js"></script>
</html>

同样，您可以编写 function 进行递减。

Answer 3

您从按钮中获得价值，这是一个问题

var a = document.getElementById('increase').value;

您应该像这样获得当前的计数器值。

var a = document.getElementById('counter').innerHTML;

有关计数器值的递增和递减，请参见下面的可运行代码。

 function increase1() { var a = document.getElementById('counter').innerHTML; document.getElementById('counter').innerHTML = ++a; } function decrease1() { var a = document.getElementById('counter').innerHTML; document.getElementById('counter').innerHTML = --a; }

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Counter app</title> </head> <body> <p id="counter" value="0">0</p> <br> <button id="increase" onclick="increase1()">increase</button><br><br> <button id="decrease" onclick="decrease1()">decrease</button> </body> <script src="app.js"></script> </html>

为什么我的代码只在 javascript 中将此值增加 1 次

问题描述

3 个解决方案

解决方案1
0 2020-08-01 15:13:58

解决方案2
0 2020-08-01 15:23:42

解决方案3
0 2020-08-02 06:52:15

为什么我的代码只在 javascript 中将此值增加 1 次

问题描述

3 个解决方案

解决方案1 0 2020-08-01 15:13:58

解决方案2 0 2020-08-01 15:23:42

解决方案3 0 2020-08-02 06:52:15

解决方案1
0 2020-08-01 15:13:58

解决方案2
0 2020-08-01 15:23:42

解决方案3
0 2020-08-02 06:52:15