Javascript onclick увеличить число в виде текста

Question

У меня проблема с Javascript: я пытаюсь увеличить число, являющееся строкой, поэтому мне нужно проанализировать его, увеличить значение и присвоить это число значению в поле. Но я не понимаю, почему этот код не работает должным образом:

<button type="button" onclick="dec()" name="less" style="background-color: orange;border:none;">-</button>
<script>
  function dec() {
    var x = parseInt(document.getElementById("num").value, 10);
    x--;
    document.getElementById("num").value = x;
  }

Пока число в делении вот так:

<div id="num" style="display:inline;">0</div>

Где ошибка?

Answer 1

С одной стороны, если вы хотите увеличить значение, которое вам нужно сделать x++ вместо x--, И после этого, я думаю, вы исправите это:

document.getElementById("num").innerHTML= x;

Потому что div не имеет value имущество.

Answer 2

Просто используйте

document.getElementById("num").innerHTML

вместо