Re: [問題] javascript二個欄位相減值大於0變色?
※ 引述《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)
推
03/17 21:52, , 1F
03/17 21:52, 1F
→
03/17 23:23, , 2F
03/17 23:23, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：