Javascript If…else语句打印不同距离的结果

有人知道我如何根据距离的大小来阅读不同的东西，从而得出这个伟大的结果吗

如果距离大于10公里、20公里、30公里等，我想在上面多印一句话，说不同的话

我似乎无法在现有代码中找到if…else的位置

JS：

var geocoder;
var map;
var polyline;
var markers = [];

function initialize() {
  map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  calculateDistance();
  google.maps.event.addDomListener(document.getElementById('btn'), 'click', calculateDistance)
}

function calculateDistance() {
  if (polyline && polyline.setMap) {
    polyline.setMap(null);
  }
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(null);
  }
  markers = [];
  var bounds = new google.maps.LatLngBounds();
  var path = [];
  var startPoint = $('#main_from_route_input').val();
  var endPoint = $('#main_to_route_input').val();
  var geocoderStart = new google.maps.Geocoder();
  var geocoderEnd = new google.maps.Geocoder();
  var coordsStart, coordsEnd;

  geocoderStart.geocode({
    'address': startPoint
  }, function(response, status) {
    if (status != google.maps.GeocoderStatus.OK) {
      alert('Geocode of first address failed: ' + status);
    }
    coordsStart = response[0].geometry.location;
    bounds.extend(coordsStart);
    var startMark = new google.maps.Marker({
      position: coordsStart,
      map: map,
      title: "start"
    });
    markers.push(startMark);
    path.push(coordsStart);
    geocoderEnd.geocode({
      'address': endPoint
    }, function(response, status) {
      if (status != google.maps.GeocoderStatus.OK) {
        alert('Geocode of second address failed: ' + status);
      }
      coordsEnd = response[0].geometry.location;
      bounds.extend(coordsEnd);
      var endMark = new google.maps.Marker({
        position: coordsEnd,
        map: map,
        title: "end"
      });
      markers.push(endMark);
      path.push(coordsEnd);
      polyline = new google.maps.Polyline({
        path: path,
        map: map
      });
      var distance = (google.maps.geometry.spherical.computeDistanceBetween(coordsStart, coordsEnd) / 1000).toFixed(2);
      $('#distance').val(distance);
      map.fitBounds(bounds);
    });
  });
}

google.maps.event.addDomListener(window, "load", initialize);

var地理编码器；
var映射；
var多段线；
var标记=[]；
函数初始化（）{
map=新建google.maps.map(
document.getElementById（“地图画布”）{
中心：新google.maps.LatLng（37.4419，-122.1419），
缩放：13，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
计算站（）；
google.maps.event.addDomListener（document.getElementById（'btn'），'click'，CalculateInstance）
}
函数CalculateInstance（）{
if（polyline&&polyline.setMap）{
polyline.setMap（空）；
}
对于（var i=0；i

HTML:

<form>
  <label>distance:</label>
  <input id="distance" name="km">
  <br>
  <label>from</label>
  <input id="main_from_route_input" value="Copenhagen, Denmark" />
  <br>
  <label>to</label>
  <input id="main_to_route_input" value="Berlin, Germany" />
  <input id="btn" type="button" value="calculate distance" />
</form>
<div id="map_canvas" style="width:750px; height:450px; border: 2px solid #3872ac;"></div>

距离：


从…起


到

我相信如果在html中添加一个元素

<label>distance:</label>
  <input id="distance" name="km">
  <br>
  <span id="custommessage"></span>

你可以添加所有你需要的if或switch的函数

function getCustomMessage(distance) {
    if (distance > 200) {
      return 'thats really far'
    }
   return `it's ${distance} miles away`
}

---

希望有帮助！祝您好运：）

您想在生成的HTML页面上以文本形式打印此内容吗？这对我帮助很大，非常感谢！我想知道-我是Stackoverflow的新手，还没有真正了解“游戏”。为什么这是一个被否决的问题？我只想知道未来：）嘿，没问题！很乐意帮忙。嗯，我不知道投票结果如何。也许这是一个不适用于其他问题的问题，它太具体了。但真的，我只是在猜测。

function getCustomMessage(distance) {
    if (distance > 200) {
      return 'thats really far'
    }
   return `it's ${distance} miles away`
}