.onblur函数作为variable.value返回？

Question

http://jsfiddle.net/beY6d/

我想创建一个简单的HTML + JS页面，它基本上为用户提供4个文本字段来写入某个产品的名称，以及一个额外的字段，显示第5个文本字段中的剩余信用。

<input type="text" value="0" class="product" id="shirtItems"/><br>
<input type="text" value="0" class="product" id="pantsItems"/><br>
<input type="text" value="0" class="product" id="hatItems"/><br>
<input type="text" value="0" class="product" id="accesoryItems"/><br>
<input type="text" value="100" id="credit" disabled/>

var shirt= document.getElementById("shirtItems");
var pants= document.getElementById("pantsItems");
var hat= document.getElementById("hatItems");
var accesory= document.getElementById("accesoryItems");
var remainingDosh = document.getElementById("credit");

remainingDosh.value = 100;

必须有.onblur（或.onfocus）事件才能使“ credit ”字段显示100减去其他所有项目的总和。

此外，商品的价格必须根据商品的颜色/类型而改变。类似的东西：

shirt.onblur = function(){
    if (shirt.value == "Blue") {remainingDosh.value = remainingDosh-25}
    if (shirt.value == "Red") {remainingDosh.value = remainingDosh-20;}
};

Answer 1

当你进行减法时，你正在使用remainingDosh而不是remainingDosh.value。