如何在html和javascript中将id连接到触发器函数

使用下面的代码，我试图使它对mute和muteon的输入做出响应。因此，当在文本框中输入mute或muteon时，它会将链接id（在本例中为id=“text”和“text1”）的颜色更改为红色表示muteon，绿色表示mute。谢谢

HTML:

在文本字段中写入一些内容以触发函数


函数myFunction（）{
var x=document.getElementById（“myInput”）.value；
document.getElementById（“demo”）.innerHTML=“您编写的：”+x；
}

需要链接的HTML：

<h1 class="l1-txt1 txt-center p-t-0 p-b-10">
    <p id="text1" style="color:white; font-weight: 600"></p>
</h1>

<h1 class="l1-txt1 txt-center p-t-0 p-b-60">
    <p id="text" style="color:crimson; font-weight: 600"></p>
</h1>

您可以尝试以下方法：

函数myFunction（）{
var x=document.getElementById（“myInput”）.value；
var t1=document.getElementById（“text1”）；
var t2=document.getElementById（“文本”）；
document.getElementById（“demo”）.innerHTML=“您编写的：”+x；
如果（x.trim（）.toLowerCase（）=='mute'）{
t1.style.color='绿色'；
t2.style.color='绿色'；
}
else if（x.trim（）.toLowerCase（）=='muteon'）{
t1.style.color='红色'；
t2.style.color='红色'；
}
}

在文本字段中写入一些内容以触发函数


文本1

文本

您可以尝试以下方法：

函数myFunction（）{
var x=document.getElementById（“myInput”）.value；
var t1=document.getElementById（“text1”）；
var t2=document.getElementById（“文本”）；
document.getElementById（“demo”）.innerHTML=“您编写的：”+x；
如果（x.trim（）.toLowerCase（）=='mute'）{
t1.style.color='绿色'；
t2.style.color='绿色'；
}
else if（x.trim（）.toLowerCase（）=='muteon'）{
t1.style.color='红色'；
t2.style.color='红色'；
}
}

在文本字段中写入一些内容以触发函数


文本1

文本

这正是我想要的。我会和它一起玩，如果我有任何问题，我会告诉你。非常感谢。我将如何通过来自和外部源的输入填充文本框，或者在我的情况下，我希望通过telnet远程填充文本框。你知道我该怎么做吗this@StackGuru，我在telnet方面没有任何经验。你可以问一个新问题来说明你的要求，也许有人能帮你：）这正是我想要的。我会和它一起玩，如果我有任何问题，我会告诉你。非常感谢。我将如何通过来自和外部源的输入填充文本框，或者在我的情况下，我希望通过telnet远程填充文本框。你知道我该怎么做吗this@StackGuru，我在telnet方面没有任何经验。你可以问一个新问题来说明你的要求，也许有人可以帮你：）

<h1 class="l1-txt1 txt-center p-t-0 p-b-10">
    <p id="text1" style="color:white; font-weight: 600"></p>
</h1>

<h1 class="l1-txt1 txt-center p-t-0 p-b-60">
    <p id="text" style="color:crimson; font-weight: 600"></p>
</h1>