-1

条件ステートメントに基づいて背景テキストの色を変更するスクリプトを記述できるようにしたいと考えています。このステートメントは、2 つの数字の一致に基づいています。数字が一致する場合、背景のテキストの色は緑になります。数字が一致しない場合、背景色は赤になります。現在、次のスクリプトがあります。

<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 は倍率です。だから、私の質問は:

これらの 2 つの数値を比較して、合計の背後にあるテキストの背景色を緑 (2 つの数値が等しい) または赤 (2 つの数値が等しくない) にする JavaScript を作成するにはどうすればよいですか?

4

1 に答える 1