Javascript 如何更改输入框中输入的特定字母的颜色？

我想用输入来实现上面的效果。我只能改变文本颜色，无论我把什么输入框，而不是具体的字母。我想改变我在输入框上写的特定字母的颜色。例如，如果我在输入框中输入“hello”，则“H”、“E”、“L”、“L”、“O”的颜色将变为绿色。下面是我的代码

document.addEventListener（“输入”，函数（）{
document.getElementById（'values'）.style.color=“#999”；
});
正文{
字体系列：无衬线；
颜色：#222；
}

QWRT
在下面创建了一个小片段来实现您需要的功能，我认为：-


inp.addEventListener（“输入”，函数（e）{
const word=document.getElementById（'values'）；
[…word.children].forEach（（字母）=>{
if（如目标值包括字母文本内容）{
letter.style.color='#999'；
}否则{
letter.style.color=“#222”；
}
})
});
正文{
字体系列：无衬线；
颜色：#222；
}

QWRT

正文{
字体系列：无衬线；
颜色：#222；
}

QWRT
填充整个QWRT后引发错误red@FlashThunder修正了错误，谢谢你指出。
 <script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>

   $(function(){
    $('#inp').on('keyup',function(e){
    var key = e.keyCode || e.which;
    key= String.fromCharCode(key);
    $('.'+key.toString()).css({'color':'red'});
});
});