javascript - 我的第一个 IF 不工作，但我的 else if 和 else 部分工作 javascript

Question

我有一个问题。我的第一个 IF 语句不起作用，但我的 ELSE IF 和我的 ELSE 语句确实起作用，我不明白为什么。

(function(){
    var dateHeure = new Date().getHours();
    var dateHeure = dateHeure.toString();
    var $p = document.querySelectorAll('.change')[0];

    console.log($texte);

    if (dateHeure >= "6" && dateHeure < "11"){
      $texte = "Good morning";
    }
    else if (dateHeure >= "11" && dateHeure < "14"){
      $texte = "Enjoy your meal";
    }
    else if (dateHeure >= "14" && dateHeure < "18"){
      $texte = "Good afternoon";
    }
    else if (dateHeure >= "18" && dateHeure < "22"){
     $texte = "Good evening";
    }
    else {
      $texte = "Good night";
    }
    $p.innerHTML=$texte + ", World";
})();

编辑:

这是对我来说完美的代码。我确实像你们所有人所说的那样，我停止将时间转换为字符串，现在没问题了:

(function(){
var dateHeure = new Date().getHours();
var dateHeure = dateHeure.toString();
var $p = document.querySelectorAll('.change')[0];
var $texte = "";


if (dateHeure >= 6 && dateHeure < 11){
  $texte = "Good morning";
}
else if (dateHeure >= 11 && dateHeure < 14){
  $texte = "Enjoy your meal";
}
else if (dateHeure >= 14 && dateHeure < 18){
  $texte = "Good afternoon";
}
else if (dateHeure >= 18 && dateHeure < 22){
  $texte = "Good evening";
}
else {
  $texte = "Good night";
}
$p.innerHTML=$texte + ", World";
})();

Answer 1

虽然您已经知道问题出在哪里，

why converting numbers to strings, if you need numbers to compare?

我建议在不重复某些部分的情况下使用不同类型的比较。

您从一个非常小的值(6 点之前)开始比较，然后向上直到一天结束。您现在只需要较小的支票。不需要更大或相等的检查。

(function () {
    var dateHeure = new Date().getHours(),
        texte;

    if (dateHeure < 6) {
        texte = "Good night";
    } else if (dateHeure < 11) {
        texte = "Good morning";
    } else if (dateHeure < 14) {
        texte = "Enjoy your meal";
    } else if (dateHeure < 18) {
        texte = "Good afternoon";
    } else if (dateHeure < 22) {
        texte = "Good evening";
    } else {
        texte = "Good night";
    }
    console.log(texte + ", World");
})();