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

Question

I have some javascript which is supposed to change the color of an h2 when the user inputs the right text (password). But the user can litterally enter anything and it will change the text color. Does anyone know how to fix this? Here is my code:

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

You need to use the value of the input using this as the reference

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