我要更改文本&；如果输入文本处于待定、已批准、已完成、完成、取消状态，javascript中的背景色？

如果输入的文本是

New = > Orange color
Pending = > light green color
Approved = > Green color
Done = > Blue color
Cancel = > Red color
can somebody help me please!

---

这将取决于触发变化的因素。例如，如果它正在输入，则可以根据条件更改文本颜色。如果输入值已批准，则此示例将发生更改，但您可以将相同的逻辑应用于其他条件

<input oninput="changeColor(this)"></input>
<span id="colorInput" class="r-lookup-value"> APPROVED </span>


const changeColor = ({value}) => {
  if (value == "APPROVED") document.getElementById("colorInput").style.color = "green"
  else document.getElementById("colorInput").style.color = ""
}

经核准的
常量changeColor=（{value}）=>{
if（value==“APPROVED”）document.getElementById（“colorInput”）.style.color=“绿色”
else document.getElementById（“colorInput”）.style.color=“”
}

输入代码是这样的，当您完成post代码时，很难理解您在做什么。。我的代码类似于此批准的更改颜色如果文本已批准，则更改为绿色如果文本挂起，则更改为浅绿色，依此类推，否则保持为黑色当文本更改时，必须执行确定文本颜色的函数，但由于我看不到更改文本的内容，因此无法创建此函数。上面的示例是一个基于输入的文本更改示例，但它可以用于您使用的任何内容，如果需要，您可以为其他条件添加其他颜色。