Использование функций Javascript в отдельном файле HTML - PullRequest
Новая
       5

Использование функций Javascript в отдельном файле HTML

0 голосов
/ 30 августа 2018

Я знаю, что это может показаться глупым вопросом, но даже со всеми примерами, которые я просмотрел, я не могу заставить его работать. У меня есть следующий код в моем файле 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, чтобы он обновлял текст?

1 Ответ

0 голосов
/ 30 августа 2018

Ниже должны работать шаги -

  1. Импорт server.js - вы делаете это
  2. создать узел HTML, где вы хотите местоположение например, div id = "location"

  3. создать скрипт-тег с содержанием ниже 

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

JQuery может еще больше упростить ваш код выбора узла

...