JavaScript/HTML:如何从 .js 文件中获取变量到 .html 文件中

问题描述 投票:0回答:0

我和我的朋友在 Java Script 和 HTML 方面没有太多经验,他们创建了一个网站,使用 Google API 来计算汽车行驶一定距离所释放的碳排放量。这是一个已经结束的周末活动,现在我只想让网站完整。

我们能够启动并运行 Google 地图,以便用户可以单击地图上的两个位置,并让地图为您提供最短的可行驶距离。这存储在一个名为“distance”的变量中,代码可以在 mpaStuff.js 中找到。用户还可以输入车辆每加仑英里数,该数据存储在名为 GasMileageInput 的变量中,该变量的输入是从 html 文件中获取的,并在 mapStuff.js 中使用。

在 mapStuff.js 中有一个名为 getEmissions(distance, gasMileage) 的函数,它将距离除以里程数,乘以一个常数,然后返回值(排放量)。

我们的问题是我们似乎无法将“排放”传输到我们的 .html 文件并显示在屏幕上,部分原因是我们缺乏语言知识。它显示空白值或 NaN 值。我们认为这只是一个跨文件的变量问题,但我们不确定。任何帮助都会非常有帮助,如果我需要在这篇文章中添加更多说明,请告诉我。

链接到我们的 Git 仓库: 我取出了一些包含我们的 Google API 密钥的 html 文件,以防万一。

非常感谢!

乔希

javascript html variables google-maps-api-3
© www.soinside.com 2019 - 2024. All rights reserved.