Javascript 如何使html、JS和css计算器的负输出显示为红色？

我正在尝试使用和if/then比较，使负数在通过计算器函数处理后在其输出框中变为红色。例如，在我的添加函数中，我使用带有标记的innerHTML在自己的框中显示答案。但是使用innerHTML和字符串，我不知道如何使负数变为红色，正数变为绿色。我试图获得帮助，但被告知我需要“首先进行比较”，因为if/then是“将字符串与0进行比较”。我不知道这意味着什么，我也不知道如何修复它。我已经把我的脚本和连接的HTML

函数编号（）{
var结果=1；
var val1=编号（document.getElementById（“value1”）.value）；
var val2=编号（document.getElementById（“value2”）.value）；
对于（让计数器=0；计数器<值2；计数器=计数器+1）{
结果=答案*val1；
}
var ansD=功率；
var输出=document.getElementById（“结果”）；
如果（ansD>=0）{
output.style.color=“绿色”；
}否则{
output.style.color=“红色”；
}
output.innerHTML=输出；
}

+
-
*
/
^
清除

你离得不远。在下面的代码中，我做了几处更正以使您达到目的：

1） 您不需要

ansD.value

，只需要

ansD

2） 您需要设置输出元素的

样式，而不是答案值


函数addNumbers（）{
var val1=编号（document.getElementById（“value1”）.value）；
var val2=编号（document.getElementById（“value2”）.value）；
var addN=val1+val2；
var ansD=addN；
var输出=document.getElementById（“结果”）；
如果（ansD>=0）{
output.style.color=“绿色”；
}否则{
output.style.color=“红色”；
}
output.innerHTML=ansD；
}





+
-
*
/
^
清除