Boa tarde Amigos
Possuo uma input com o nome de MARGEM, onde é exibida um valor de acordo com alguns calculos que são feitos... Preciso que a input altere a cor para vermelho se esse valor for menor que 25, se for maior ela mantem a cor dela (branca)...
OBS: Possuo a input Valor, onde essa input as vendedoras manipulam o valor de um produto tentando sempre manter a margem a cima de 25%, porém se ela baixar quero que a cor altere, isso tudo sem refresh.
<label for="valor_unitario">Vlr. Unit.</label>
<input type="text" name="valor_unitario" id="valor_unitario" style="text-align: center" required>
<label for="quantidade">Qtd.</label>
<input type="text" name="quantidade" id="quantidade" style="text-align: center" required>
<label for="valor_total">Vlr. Total</label>
<input type="text" name="valor_total" id="valor_total" readonly>
<label for="margem">Margem</label>
<input type="text" name="margem" id="margem" style="text-align: center" readonly>
Para que não se percam, a input valor total mostra o valor de (valor unitario * quantidade).. o que nos interessa é valor unitario e margem
document.getElementById('input').addEventListener('input',function(e){ console.log('alterado');});
if (input.value > 25){ //logica } else { //logica }