使用 JavaScript 根据输入值调整输入字段 (HTML) 的 (CSS) 中的文本颜色

可以通过以下代码使用 JavaScript 根据输入值调整输入字段的文本颜色：

HTML：

<input type="text" id="myInput" oninput="changeTextColor()" placeholder="Enter a value">

CSS：

#myInput {
  color: black;
}

JavaScript：

function changeTextColor() {
  var input = document.getElementById("myInput");
  
  // 获取输入值
  var value = input.value;
  
  // 根据输入值调整文本颜色
  if (value === "red") {
    input.style.color = "red";
  } else if (value === "green") {
    input.style.color = "green";
  } else if (value === "blue") {
    input.style.color = "blue";
  } else {
    input.style.color = "black"; // 默认颜色
  }
}

这段代码将根据用户在输入框中输入的值来调整输入框的文本颜色。如果用户输入 "red"，文本颜色将变为红色；如果用户输入 "green"，文本颜色将变为绿色；如果用户输入 "blue"，文本颜色将变为蓝色；否则，文本颜色将保持为默认的黑色。