在单独的HTML文件中使用Javascript函数

Question

我知道这可能看起来像一个愚蠢的问题，但即使我已经看过所有的例子，我也无法得到它。我的Javascript文件中有以下代码

server.js

  // Google Maps Locaton 
  googleMapsClient.geocode({
    address: city
  }, function(err, response) {
    if (!err) {
      basicLocation = response.json.results[0].formatted_address;
      console.log(basicLocation);
    }
  });

});

function getBasicLocation() {   // Able to grab location from index.ejs file 
  return basicLocation;
}

在我的HTML中我试图更新文本随着位置的变化。我的HTML代码看起来像这样

index.ejs

<script src="../server.js">
    </script>
      <h3>
        <script> getBasicLocation() </script> Location
      </h3>

我在目录中设置文件的方式就像

- app 
   - views 
     - index.ejs
   - server.js

如何让getBasicLocation（）与我的index.ejs文件通信以便更新文本？

Answer 1

下面的步骤应该工作 -

1. 导入server.js - 你这样做
2. 创建您想要位置的HTML节点，例如div id =“location”
3. 使用以下内容创建脚本标记

           let lc = getBasicLocation();
   document.getElementById("location").innerHTML = lc;

JQuery可以进一步简化您的节点选择代码