Jquery JavaScript：为什么不是'；是否显示条件消息，而执行其余消息？

我正在接收用户输入，我希望它验证数字是否有效。如果不在0-100之间，则我希望显示消息“无效”。现在，即使我输入2000，它仍然会显示用户是热的还是冷的。我希望它停止执行并显示无效消息

// Hot or Cold JS game.
$(document).ready(function() {
    $('#number').on('keyup keypress', function(e) {
        if (e.keyCode < 48 || e.keyCode > 57)
            return false;
    });
    var randomNumber = Math.floor((Math.random() * 100 ) + 1);

    $('#Enter').click(function() {
        var guessNumber = document.getElementById('number').value;
        if (guessNumber < 0 || guessNumber > 100) {
            // Display invalid input
            console.log('Not valid');
            $('output-container').text('Enter a number between 0 and 100').css('color', 'silver');
        };
        var difference = Math.abs(guessNumber - randomNumber);

        if (difference == 0) {
            // Display to user - "Perfect"
            $('.output-container').text('Perfect').css('color', 'green');
        } else if (difference < 5) {
            // Display to user - You're on Fire!
            $('.output-container').text('You are on Fire!').css('color', 'red');
        } else if (difference < 10) {
            // Display to user - Warm
            $('.output-container').text('Warm').css('color', 'orange');
        } else if (difference < 30) {
            // Display to user - Ice Cold
            $('.output-container').text('Ice Cold').css('color', 'blue');
        } else {
            // Display to user - You must be Frozen?
            $('.output-container').text('You must be Frozen!').css('color', 'royalblue');
        };
    });

    // Start over
    $('#reset').click(function() {
        location.reload();
    });
    $('#show').click(function() {
        $('#show').hide();
        $('#append-number').append(randomNumber);
    });
});

//热的还是冷的JS游戏。
$（文档）.ready（函数（）{
$（'#number'）。打开（'keyup keypress'，函数（e）{
如果（e.keyCode<48 | | e.keyCode>57）
返回false；
});
var randomNumber=Math.floor（（Math.random（）*100）+1）；
$（'#Enter'）。单击（函数（）{
var guessNumber=document.getElementById（'number'）。值；
如果（猜测数<0 | |猜测数>100）{
//显示无效输入
console.log（'无效'）；
$（'output-container'）.text（'输入一个介于0和100之间的数字'）.css（'颜色'，'银色'）；
};
var差=Math.abs（猜测数-随机数）；
如果（差==0）{
//向用户显示-“完美”
$（'.output container'）.text（'Perfect'）.css（'color'，'green'）；
}否则如果（差异<5）{
//向用户显示-您着火了！
$（'.output container'）.text（'You on Fire！'）.css（'color'，'red'）；
}否则如果（差值<10）{
//显示给用户-温暖
$（'.output container'）.text（'Warm'）.css（'color'，'orange'）；
}否则，如果（差异<30）{
//显示给用户-冰冷
$（'.output container'）.text（'Ice Cold'）.css（'color'，'blue'）；
}否则{
//向用户显示-您必须被冻结吗？
$（'.output container'）.text（'您必须被冻结！'）.css（'颜色'，'蓝色'）；
};
});
//重新开始
$（“#重置”）。单击（函数（）{
location.reload（）；
});
$（“#显示”）。单击（函数（）{
$（'#show'）.hide（）；
$（'#追加编号'）。追加（随机编号）；
});
});

下面是它如何运行的示例

输出错误后，只需添加一个

返回false

。 您在

输出容器中缺少句点

...
if (guessNumber < 0 || guessNumber > 100) {
  // Display invalid input
  console.log('Not valid');
  $('.output-container').text('Enter a number between 0 and 100').css('color', 'silver');
  return false;
};
...

。。。
如果（猜测数<0 | |猜测数>100）{
//显示无效输入
console.log（'无效'）；
$（'.output container'）.text（'输入一个介于0和100之间的数字'）.css（'颜色'，'银色'）；
返回false；
};
...

发生错误时，将返回值设置为false。您忘记了输出容器的周期。真不敢相信我忘了经期。那么return false会停止剩下的执行吗？是的，它会停止，这和你在按键上做的一样你回答了我的帖子，所以如果你想把它作为答案，你应该我会投票，我接受了答案，但不能投票，因为我需要15分，我只有14分。