如果自动找到匹配项，则更改文本颜色JavaScript | HTML

Question

我有一个textarea，我想自动更改颜色例如：这是我的笔，我的朋友输入上述文字后，关键字=笔应立即变为绿色，而关键字= freind应尽快变为红色我该如何做到这一点代码有效，但有效一半function changeText() {        document.getElementById("text").style.color ="green";}</script>我有另一个代码，但无法正常工作 var str = 'Connect';     var value = str.includes('Connect');     if(value==str)    {        document.getElementById("text").style.color ="green";     }    else    {        document.getElementById("text").style.color ="red";    }

Answer 1

不，您不能在文本区域或文本输入中执行此操作。任何与CSS文本相关的属性都会影响textarea / input中的整个文本，而不仅仅是一个单词。

有关更多信息，请参见：Textarea或文本输入中的多色文本突出显示