Javascript 根据正整数或负整数更改文本颜色

我用JavaScript编写了一个非常简单的计算器。基本上是计算两个整数之间的利润，税额为5%

我希望输出（

#result

）根据结果数字是正整数还是负整数而改变颜色

这是我的计算器的HTML：

购买价格






售价

这是我的计算器的JS：

function output(){
    var buying = document.getElementById('buying').value;
    var selling = document.getElementById('selling').value;

    parseInt(selling) / 20;

    document.getElementById('result').innerHTML =  parseInt(selling) - parseInt(buying) - parseInt(selling) / 20;
}

这是一把JS小提琴：

我曾尝试使用jQuery进行此操作，但没有成功

---

如果有人能帮我，我将不胜感激

在三元运算符的帮助下，可以根据结果值执行类似操作

函数输出（）{
var buying=document.getElementById（'buying'）。值，
selling=document.getElementById（'selling'）。值，
res=document.getElementById（'result'），
结果=parseInt（销售）-parseInt（购买）-parseInt（销售）/20；；
res.innerHTML=结果；
res.style.color=result>=0？'green'：'red'；
}

购买价格







售价

我稍微修改了您的代码，使其根据输出的符号更改颜色。不需要jQuery——我们可以使用普通的JS函数来更改输出框的颜色

现场演示：

var resultEl=document.getElementById（'result'）；
函数输出（）{
var buying=document.getElementById（‘buying’）.value；
var selling=document.getElementById（'selling'）。值；
var resultVal=parseInt（销售）-parseInt（购买）-parseInt（销售）/20；
resultEl.innerHTML=resultVal
如果（结果值>=0）{
resultEl.style.color=“绿色”；
}否则{
resultEl.style.color=“红色”；
}
}

购买价格







售价

jQuery

示例（也采用小数）

$（文档）.ready（函数（）{
$（'.submit'）。在（'click'，function（）上{
var buying=parseFloat（$（'#buying'）.val（）；
var selling=parseFloat（$（'#selling'）.val（））；
var结果=（卖出-买入-（卖出/20））.toFixed（2）；
$（'#result'）.html（result）；
如果（结果<0）{
$（'#result'）.css（'color'，'red'）；
}
否则{
$（'结果'）.css（'颜色'，'绿色'）；
}        
});
});

买价






售价






未来提示：“它不起作用”是一句100%无用的话，除非你还描述了你是如何尝试的以及发生了什么。幸运的是，在本例中，您尝试（涉及）jQuery的事实无论如何都是完全无关的，因此我们不知道您尝试了什么以及它是如何失败的并不重要。我知道OP使用了
parseInt（）
，但我怀疑这实际上是一个bug。至少，如果代码应该只接受整数输入，那么应该有一些指示，如果用户在“9.99”中键入，它将被截断为“9”。