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

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)');
    }); 
});