javascript - 如何检查文本输入是否与变量匹配？

Question

我有一些 javascript，当用户输入正确的文本(密码)时，它应该改变 h2 的颜色。但是用户可以随意输入任何内容，并且它会改变文本颜色。有谁知道如何解决这一问题？这是我的代码:

var code = ('user1'); 
var entry = $('.code').val();

$('.code').change(function(code_check) {
  if(code == entry) {
     $('.codeText').css('color', 'rgb(247,37,62)'); 
  } else if(code != entry) {
     $('.codeText').css('color', 'rgb(61, 216, 97)'); 
  }
});

Answer 1

您需要使用this作为引用来使用输入的值

$('.code').change(function(){
    $(this).css('color', function(){
       return $(this).val().trim() == code ? 'rgb(247,37,62)' : 'rgb(61, 216, 97)');
    }); 
});