Re: [問題] javascript二個欄位相減值大於0變色?

[buganini (霸格尼尼)]

※ 引述《jami520 (我的生命因你而發光)》之銘言：
: 我目前想做二個欄位A與B
: 當使用者在上面打數字時，就會即時自動相減，相減的數值顯示到C
: 比如A=10.2 B=3.7
: C就會顯示+6.5紅色的字
: 當A=3.7  B=10.2
: C就會顯示-6.5綠色的字
: 這樣的效果不知道要如何用javascript寫出來呢? 謝謝!

A:<input type="text" id="A" />
B:<input type="text" id="B" />
C:<input type="text" id="C" />
<script type="text/javascript">
function o(i){
        return document.getElementById(i);
}
o('A').onchange = o('B').onchange =
function(){
        var c=parseFloat('0'+o('A').value)-parseFloat('0'+o('B').value);
        if(c>0){
                o('C').style.color='#f00';
                o('C').value='+'+c;
        }else{
                o('C').style.color='#0f0';
                o('C').value=c;
        }
}
</script>

--
或著
A:<input type="text" id="A" onchange="..." />
B:<input type="text" id="B" onchange="..." />
自行變化吧

--

國愛‧主民‧學科‧康健‧道人

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.231.23
※ 編輯: buganini        來自: 220.135.231.23       (03/17 20:50)
推 Kelunyang:b大真是好人（發
→ buganini:因為覺得只ㄉㄧㄤ不幫有點不好所以就...