基于条件语句更改文本背景的颜色

我希望能够编写一个基于条件语句改变背景文本颜色的脚本。 该声明基于匹配两个数字。 如果数字匹配，则背景文字颜色应为绿色。 如果数字不匹配，那么背景颜色应该是红色。 我目前有以下脚本：

<script>
    function myFunction(tBox)
    {
        var sum=0;
        var elts = document.getElementsByTagName('input');
        for (var i=0; i<elts.length; i++)
        {
           var elt=elts[i];
           if ( elt.id && elt.id.indexOf('hous')===0) sum += Number(elt.value);
        }
        document.getElementById('sum').innerText = sum;
    }
</script>

该脚本简单地将所有文本输入与前缀'hous'相加在一起，涉及该问题的数字是该函数的实际输出总和，该输出与以下输出相加：

<p id="sum"></p>

总和输出是基于条件语句需要突出显示的红色或绿色。 我想比较这个数字是这个声明的结果：

<?php echo ($_POST["qty"])*$qtyHous; ?>

其中“qty”是文本输入，$ qtyHous是比例因子。 所以，我的问题是：

我该如何编写能比较这两个数字的JavaScript，以便将总和变为绿色（两个数字相等）或红色（两个数字不相等）的背景颜色？

---

你可以像这样使用style.backgroundColor组件来访问背景颜色

if(sum != x)
   document.getElementById('sum').style.backgroundColor = 'red';

链接地址: http://www.djcxy.com/p/70509.html

上一篇: Changing color of text background based on conditional statement

下一篇: Javascript How do i compare two values and then change background color?