如何使用按钮为输入添加值？

Question

我正在制作一个网络“游戏”来学习 JavaScript，但我陷入了困境。我正在尝试为输入字段添加值。我要说的是，如果输入字段的值是当我按下按钮时，它会添加 +1 并且值变为 1。我还想为它添加一个限制。我在文档或网络上找不到任何可以帮助我的东西。

            <div class="shop">
                <button class="sell">-1</button>
                <input class="number" type="number" value="0">
                <button class="buy"onclick="add">+1</button>
            </div>

那是html。 我希望你们能帮助我或指出我自己学习的正确方向。 抱歉英语不好

Answer 1

var el=document.querySelector(".number")
function add(num){
   el.value=parseInt(el.value)+num
}

<div class="shop">
    <button class="sell"onclick="add(-1)">-1</button>
    <input class="number" type="number" value="0">
    <button class="buy"onclick="add(+1)">+1</button>
</div>

Answer 2

它的dom操作，如果你想学习它，这里有一个基本操作的教程：https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/