基於條件語句更改文本背景的顏色

-1

我希望能夠編寫基於條件語句更改背景文本顏色的腳本。該聲明基於匹配兩個數字。如果數字匹配，則背景文字顏色應爲綠色。如果數字不匹配，那麼背景顏色應該是紅色。目前，我有以下腳本：基於條件語句更改文本背景的顏色

<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; ?>

其中「數量」是一個文本輸入和$ qtyHous是比例因子。所以，我的問題是：

如何編寫javascript，將比較這兩個數字的方式，使文本背景顏色背後的總和變爲綠色（兩個數字相等）或紅色（兩個數字是不等於）？

來源

2013-07-29 user2618927

的style.backgroundColor組件中產生的小提琴...... http://jsfiddle.net會更好..很多混亂 – bipen

的@bipen可惜我被迫在工作中使用過度安全的互聯網，所以我無法查看頁面... – user2618927

你可以訪問到背景色，像這樣

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

來源

2013-07-29 13:13:06

@Carlos_Barcelona有一些變化，這是能夠工作。謝啦 – user2618927

基於條件語句更改文本背景的顏色

回答

相關問題