Javascript 气体计算器jquery应用程序

我正在尝试将此应用程序从英里更改为公里，但不起作用。我试图将汽油的平均价格改为智利比索550美元，而不是显示加仑，我只想显示升

以下是HTML：

投入： 我在旅行 英里

我的车平均 每加仑英里

目前每公升的价格是

结果： 您将使用大约。 X 加仑，或 Z 升

这将花费您： 英镑

我必须包括jQuery，这是使用的jQuery代码

//called when the document is ready
$(document).ready(function() {

  var fuelCostCalcer = {
    //define the input fields
    inputAr: new Array('miles', 'mpg', 'cost_per_litre'),

    //define the results fields
    resultAr: new Array('gallons_used', 'litres_used', 'total_cost'),

    //function to init object, set listeners, make first results
    init: function() {

      var $fi;
      //for each input field, add a change listener
      for (var i in this.inputAr) {
        $fi = $('#' + this.inputAr[i] + '_fi'); //select the field as jQuery object
        //bind the events, triggered when value changes
        $fi.bind('keyup change', this.doCalc);
      }
      //trigger change on the last field, to init the result
      $fi.trigger('change');
    },

    //triggerd by field value change
    doCalc: function(eventObj) {
      /* CHECK AND SET THE INPUT VARS */
      //the inputVars obj
      var inputVars = {};
      //do input validation
      var isValid = true;
      for (var i in fuelCostCalcer.inputAr) {
        var fiId = fuelCostCalcer.inputAr[i]; //get field ID
        var val = $('#' + fiId + '_fi').val(); //get the value from the input field
        //if is in valid value
        if (isNaN(parseFloat(val)) || val < 0 || val > 10000000) {
          isValid = false;
          break;
        }
        //else set as property in this object
        else
          inputVars[fiId] = val;
      }

      /* SET THE RESULT VARS */
      //the resultVars obj
      var resultVars = {};
      //if inputs are valid then calculate the results
      if (isValid) {
        var milesPerLitre = inputVars['mpg'] / 4.54609188; //4.5 is the litres in a gallon
        resultVars['gallons_used'] = inputVars['miles'] / inputVars['mpg'];
        resultVars['litres_used'] = inputVars['miles'] / milesPerLitre;
        resultVars['total_cost'] = resultVars['litres_used'] * inputVars['cost_per_litre'];
      }
      //not valid, so set all result vars to 0
      else {
        for (var i in fuelCostCalcer.resultAr)
          resultVars[fuelCostCalcer.resultAr[i]] = 0;
      }

      /* SET RESULTS IN TO HTML */
      for (var i in fuelCostCalcer.resultAr) {
        var laId = fuelCostCalcer.resultAr[i]; //get label/span ID
        $('#' + laId + '_la').text(resultVars[laId].toFixed(2));
      }
    }
  };

  fuelCostCalcer.init();
});

---

我让它在JSFIDLE上工作

那我不知道你怎么了。 也许html代码中的元素没有用好的ID定义

顺便说一下，我将函数对象fuelCostCalcer保留在document.ready之外，并将init保留在里面，因为您的对象始终与html页面一起存在

$(document).ready( function(){
  fuelCostCalcer.init();
});
var fuelCostCalcer = {
   ...
};

---

让我知道。

您也可以包括您的HTML吗？要么把它包括在你的问题中，要么你可以摆弄一把小提琴，然后分享：这看起来不错，但是我需要将英里数转换成公里数，所以我仍然给了我错误的总成本信息s