Wie kann ich die Klasse eines Div ändern, wenn das Eingabefeld einen bestimmten Wert hat?

Question

Ich möchte den Hintergrund eines Div ändern, wenn ein Eingabefeld einen bestimmten Wert erhält. zB:

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

Also, wenn das Eingabefeld erhält den „+“ Wert Ich brauche die Klasse „grün“ auf die div „vote-Container“ und werden wie folgt hinzuzufügen:

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

Answer 1

Diese werde es tun.

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