如何檢查文本輸入是否與變量匹配？

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