如何使用jquery根据输入的val来更改输入字段的背景色

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<input type="text" id="myInput" />

$(document).ready(function() {
  $('#myInput').on('input', function() {
    // 在这里编写代码
  });
});

$(document).ready(function() {
  $('#myInput').on('input', function() {
    var inputValue = $(this).val();
    
    if (inputValue === 'red') {
      $(this).css('background-color', 'red');
    } else if (inputValue === 'green') {
      $(this).css('background-color', 'green');
    } else if (inputValue === 'blue') {
      $(this).css('background-color', 'blue');
    } else {
      $(this).css('background-color', 'white');
    }
  });
});