如果自动找到匹配项，则更改文本颜色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或文本输入中的多色文本突出显示