Olá a todos!
tenho varias divs com o mesmo ID e nome de classe. Preciso que a cor da div seja conforme uma escala de valores.
Estou tentando pegar o valor pelo nome da classe, pois as divs possuem o mesmo id e não tive sucesso. Segue script:
<div class="planos" id="1" value="74">74</div>
<div class="planos" id="1" value="29">29</div>
<div class="planos" id="1" value="55">55</div>
<div class="planos" id="1" value="74">74</div>
<div class="planos" id="1" value="63">63</div>
<div class="planos" id="1" value="55">55</div>
<script type="text/javascript">
var valueElement = document.getElementsByClassName('.planos').getAttribute('value');
console.log(valueElement);
if (valueElement >= "70") {
document.getElementsByClassName('.planos').style.backgroundColor == '#4caf50';
} else if (valueElement >= "50" && valueElement <= "69") {
document.getElementsByClassName('.planos').style.backgroundColor == '#ffbc00';
} else {
document.getElementsByClassName('.planos').style.backgroundColor == '#f44336';
}
</script>