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

Question

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

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

所以，當輸入字段獲取「+」值我需要加上一流的「綠色」到div「投票容器」，並變成了這個樣子：

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