HTML/JavaScript-数量不工作的上下按钮

我试图创建一个按钮，它可以增加或减少数量值

HTML:

---

这件衣服干透了。根据单击的按钮，“向上”或“向下”传递函数，然后根据quantity元素的当前值决定要执行的操作。不幸的是，它什么也没做，我也不知道为什么。任何帮助都将不胜感激。

我继续将代码粘贴到小提琴中，并得到控制台错误，在onclick时，setQuantity未定义。确保在调用该函数的标记之前声明该函数为我解决了问题：

---

我继续将代码粘贴到小提琴中，得到了控制台错误，在onclick时，setQuantity没有定义。确保在调用该函数的标记之前声明该函数为我解决了问题：

---

正如crowjonah所暗示的，您的javascript应该理想地出现在页面的顶部

我还建议将javascript与HTML分开，如下所示：

<script>
quantity = document.getElementById('quantity');

button_up=document.getElementById('up');
button_down=document.getElementById('down');

button_up.onclick=function() {setQuantity('up');}
button_down.onclick=function() {setQuantity('down');}

function setQuantity(upordown) {
    var quantity = document.getElementById('quantity');

    if (quantity.value > 1) {
        if (upordown == 'up'){++quantity.value;}
        else if (upordown == 'down'){--quantity.value;}}
    else if (quantity.value == 1) {
        if (upordown == 'up'){++quantity.value;}}
    else
        {quantity.value=1;}
}
</script>


<div class="order-option">
    Quantity:
    <span id="quantity-field">
        <button id="up">+</button>
        <input type="text" id="quantity" value="1">
        <button id="down">-</button>
    </span>
</div>

---

正如crowjonah所暗示的，您的javascript应该理想地出现在页面的顶部

我还建议将javascript与HTML分开，如下所示：

<script>
quantity = document.getElementById('quantity');

button_up=document.getElementById('up');
button_down=document.getElementById('down');

button_up.onclick=function() {setQuantity('up');}
button_down.onclick=function() {setQuantity('down');}

function setQuantity(upordown) {
    var quantity = document.getElementById('quantity');

    if (quantity.value > 1) {
        if (upordown == 'up'){++quantity.value;}
        else if (upordown == 'down'){--quantity.value;}}
    else if (quantity.value == 1) {
        if (upordown == 'up'){++quantity.value;}}
    else
        {quantity.value=1;}
}
</script>


<div class="order-option">
    Quantity:
    <span id="quantity-field">
        <button id="up">+</button>
        <input type="text" id="quantity" value="1">
        <button id="down">-</button>
    </span>
</div>

---

我们能看到a吗？我们能看到a吗？是的，就是这样！我应该知道得更清楚。谢谢你的帮助，也谢谢你提醒我小提琴是存在的。是的，就是这样！我应该知道得更清楚。谢谢你的帮助，也谢谢你提醒我小提琴是存在的。

<script>
quantity = document.getElementById('quantity');

button_up=document.getElementById('up');
button_down=document.getElementById('down');

button_up.onclick=function() {setQuantity('up');}
button_down.onclick=function() {setQuantity('down');}

function setQuantity(upordown) {
    var quantity = document.getElementById('quantity');

    if (quantity.value > 1) {
        if (upordown == 'up'){++quantity.value;}
        else if (upordown == 'down'){--quantity.value;}}
    else if (quantity.value == 1) {
        if (upordown == 'up'){++quantity.value;}}
    else
        {quantity.value=1;}
}
</script>


<div class="order-option">
    Quantity:
    <span id="quantity-field">
        <button id="up">+</button>
        <input type="text" id="quantity" value="1">
        <button id="down">-</button>
    </span>
</div>