Если оператор дает тот же вывод, первая часть IF работает, если в поле ввода есть значение, оно не показывает правильное сообщение

Question

Функция выдает одинаковый вывод в обоих случаях, что я делаю не так?

function showToast() {
  if (document.getElementById("latitude").innerHTML == "") {
    window.plugins.toast.showWithOptions({
      message: "Geofence perimeter has been correctly set. \n \n Hence you may now proceed with Geofence Activation",
      duration: "short",
      position: "top",
    }, );
  } else if (!document.getElementById("latitude".innerHTML == "")) {
    window.plugins.toast.showWithOptions({
      message: "Geofence perimeter cannot be set due to missing configuration \n \n Kindly update all fields accordingly",
      duration: "short",
      position: "top",
    }, );
  }
}

Answer 1

Это, если в остальном не требуется. Также вы могли бы использовать! == вместо! проверить .значение , а не внутренний HTML

Пожалуйста, используйте троичный. Обратите внимание на ? и двоеточие :

function showToast() {
  const empty = document.getElementById("latitude").value.trim() === "" // to be sure it is empty
  const message = empty ? 
     "Geofence perimeter has been correctly set. \n \n Hence you may now proceed with Geofence Activation" : 
     "Geofence perimeter cannot be set due to missing configuration \n \n Kindly update all fields accordingly"
  window.plugins.toast.showWithOptions({
    message: message,
    duration: "short",
    position: "top"
  });
}