Почему мой код увеличивает это значение только 1 раз в javascript - PullRequest
Новая
       2

Почему мой код увеличивает это значение только 1 раз в javascript

0 голосов
/ 01 августа 2020 

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>

это код, который я предварительно увеличил, пожалуйста, проверьте, и, пожалуйста, проверьте, что мне следует изменить в этом коде, человек, пожалуйста

Ответы [ 3 ]

0 голосов
/ 01 августа 2020

Вам нужно получить значение счетчика и увеличить / уменьшить, а затем обновить значение счетчика. Пожалуйста, найдите обновленный код ниже 

<!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>

Точно так же вы можете написать функцию для уменьшения.

0 голосов
/ 02 августа 2020

Вы получаете значение от кнопки, что является проблемой 

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>
0 голосов
/ 01 августа 2020 
var a = document.getElementById('increase').value;

не получать новое значение, измените его на 

var a = parseInt(document.getElementById('counter').innerHTML);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...