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

前端之家收集整理的这篇文章主要介绍了javascript – 根据正整数或负整数更改文本颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有这个非常简单的计算器,我用JavaScript编写.基本上它计算出两个整数之间的利润,税额为5%.

我希望输出(#result)根据结果编号是正整数还是负整数来改变颜色.

这是我的计算器的HTML:

Buying Price

这是我的计算器的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小提琴:http://jsfiddle.net/ac81ee78/

我试图使用jQuery,但它没有用.

如果有人能帮助我,我们将不胜感激.

最佳答案
我稍微修改了你的代码,所以它会根据输出的符号改变颜色.这不需要jQuery – 我们可以使用普通的JS函数来改变输出框的颜色.

现场演示:

var resultEl = document.getElementById('result');

function output() {
    var buying = document.getElementById('buying').value;
    var selling = document.getElementById('selling').value;
    var resultVal = parseInt(selling) - parseInt(buying) - parseInt(selling) / 20;
    resultEl.innerHTML = resultVal
    if (resultVal >= 0) {
        resultEl.style.color = "green";
    } else {
        resultEl.style.color = "red";
    }
}
Buying Price

JSFiddle版本:http://jsfiddle.net/ac81ee78/2/

猜你在找的HTML相关文章