當輸入字段具有特定值時，如何更改div的類？

Question

我想在輸入字段獲得特定值時更改div的背景。 例如：

<div class="vote-container">
<input class="positive" title="" name="pvote_1" 
onclick="" value="+"  type="submit">
</div>

因此，當輸入字段獲得“ +”值時，我需要將類“ green”添加到div“ vote-container”中，如下所示：

<div class="vote-container green">
<input class="positive" title="" name="pvote_1" 
onclick="" value="+"  type="submit">
</div>

Answer 1

這樣就可以了。

    <div class="vote-container">
    <input class="positive" title="" name="pvote_1" 
    onclick="" value="+"  type="submit">
    </div>

    <script>
    var input = document.querySelector(".positive");
    if(input.value == "+"){
        document.querySelector(".vote-container").classList.add("green");
    }
    </script>