Не отображается название города

Отображается только надпись - TechnoStore. А должно отображаться и название города.

  <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Electromart</title>
        <!-- <link href="//db.onlinewebfonts.com/c/8274996f8cf973b15814827fa281e485?family=TechnojunkW00-Regular" rel="stylesheet" type="text/css"/>-->
        <link rel="stylesheet" href="css/eshop.css">
    </head>
    <body>
    <header class="header">
        <div class="header__container"> 
            <div class="topheader">
                <div class="topheader1">
                    <?php
                        echo $_COOKIE["city"];      
                    ?>
                </div>
            </div>  
            <div class="header__item">
                <div class="logoimage">
                </div>
            </div>
            <div class="header__item">  
                <div class="char">
                    <div class="char1">
                        T
                    </div>
                </div>
                <div class="char">
                    <div class="char2">
                        e
                    </div>...
    </header>
<footer class="footer">

</footer>

<script type="text/javascript" src="js/geoloc.js"></script>
<script type="text/javascript" src="js/geocode1.js"></script>
</body>
</html>

geocode1.js

  $(document).ready(function () {
     var geocoder = new google.maps.Geocoder();
      geocoder.geocode({address: lat + ',' + lng}, function (results, status) {
          if (status !== google.maps.GeocoderStatus.OK || !results[0]) {
              return;
          }
          var result = results[0];

          var city, region, country;

          for (var i = 0; i < result.address_components.length; i++) {
              if (result.address_components[i].types[0] === "locality") {
                  city = result.address_components[i];
              }
              if (result.address_components[i].types[0] === "administrative_area_level_1") {
                  region = result.address_components[i];
              }
              if (result.address_components[i].types[0] === "country") {
                  country = result.address_components[i];
              }

              let div = document.createElement("div");
              let text = document.createElement("p");
              text.innerHTML = '${city}, ${country}';  

              document.body.append(div);
              div.append(text);
          }

          // alert(city.long_name + ", " + region.long_name + ", " + country.short_name);

      });

    createCookie("city", city.long_name, "10");
  });

  function createCookie(name, value, days) {
    var expires;
    if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
    }
    else {
      expires = "";
    }
    document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";}    

введите сюда описание изображения


Ответы (0 шт):