【问题标题】:I'm inexperienced with HTML and don't know why this function doesn't work我对 HTML 没有经验,不知道为什么这个功能不起作用
【发布时间】:2017-04-30 04:36:20
【问题描述】:

所以我目前正在使用谷歌地图 html api,我正在尝试添加这部分代码,当我这样做时,地图完全停止工作。我对 HTML 没有经验,但如果您知道语法错误或其他导致此功能无法正常工作的错误,请告诉我可能出了什么问题。

function calc_gallons() {
        var averagempg = parseInt(document.getElementById("averagempg").value):
        var gallons = 0;
        var total = 0;
        var myroute = result.routes[0];
        for (var i = 0; i < myroute.legs.length; i++) {
          total += myroute.legs[i].distance.value;
        }
        total = (total / 1000)*0.621371;
        document.getElementById('total').innerHTML = total;
        if averagempg > 0 {
            gallons = total / averagempg
            alert('This trip requires' + gallons + 'gallon(s). Have safe travels!')
        }
        else {
            alert('Your average MPG must be a positive number in order to calculate the gallons required for this trip.')
        }
      }

【问题讨论】:

  • 是否有任何控制台错误?
  • 是的,我刚开始研究这个问题,现在我已经解决了这个问题。

标签: javascript html function google-maps syntax


【解决方案1】:

您的if 语句在其条件周围缺少括号。这段代码有效吗?

function calc_gallons() {
        var averagempg = parseInt(document.getElementById("averagempg").value):
        var gallons = 0;
        var total = 0;
        var myroute = result.routes[0];
        for (var i = 0; i < myroute.legs.length; i++) {
          total += myroute.legs[i].distance.value;
        }
        total = (total / 1000)*0.621371;
        document.getElementById('total').innerHTML = total;
        if (averagempg > 0) {
            gallons = total / averagempg
            alert('This trip requires' + gallons + 'gallon(s). Have safe travels!')
        }
        else {
            alert('Your average MPG must be a positive number in order to calculate the gallons required for this trip.')
        }
      }

【讨论】:

  • 天哪,非常感谢。我编码太快了,以至于我错过了。我还注意到我为第一个变量放了一个冒号而不是分号。现在它不会破坏页面,但唯一的问题是页面上的事件处理程序被错误地写入。仍在研究那个。
  • @GenGUMDROP 没问题。确保将答案标记为已接受,以便其他人知道您不需要任何其他答案!如果您无法找出下一个问题,请随时发布另一个问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-14
  • 2016-02-15
  • 2021-03-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多