有没有办法在输入字段中输入文本时更改div的背景？

<input type="text" id="inputField">
<div id="targetDiv"></div>

document.getElementById("inputField").addEventListener("input", function() {
  // 在这里编写更改div背景的代码
});

document.getElementById("inputField").addEventListener("input", function() {
  var inputText = this.value; // 获取输入字段的文本
  var targetDiv = document.getElementById("targetDiv"); // 获取目标div元素

  // 根据输入文本设置背景颜色
  targetDiv.style.backgroundColor = inputText;
});