Javascript 如何组合用户输入更改文本方法和if语句？

我想在脚本中合并这两个块。我想要它，这样当你在文本框中键入river时，我就可以给出一份好的工作声明或发布一个链接。 我不知道在第二个语句中使用什么作为变量。哪个是if语句。

var userInput.value=river;
if(userInput.value)=="river"){
document.write("hey");
}
<br/>
function changeText2(){
var userInput=document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

---

var userInput.value=river；
如果（userInput.value）=“河”）{
文件。写（“嘿”）；
}


函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
document.getElementById（'boldStuff2'）。innerHTML=userInput；
}
什么东西有嘴但不会咀嚼

var userInput.value=river;
if(userInput.value)=="river"){
document.write("hey");
}
<br/>
function changeText2(){
var userInput=document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

该代码的前三行不仅在逻辑上是错误的，而且也是不必要的。尝试一个简单的版本

var userInput.value=river;
if(userInput.value)=="river"){
document.write("hey");
}
<br/>
function changeText2(){
var userInput=document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

<script>
function changeText2(){
var userInput=document.getElementById('userInput').value;

if(userInput.toLowerCase()=="river")
{
alert("Good Job");
}

document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
if（userInput.toLowerCase（）==“river”）
{
警惕（“干得好”）；
}
document.getElementById（'boldStuff2'）。innerHTML=userInput；
}
什么东西有嘴但不会咀嚼

var userInput.value=river;
if(userInput.value)=="river"){
document.write("hey");
}
<br/>
function changeText2(){
var userInput=document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

在JScript代码中使用此函数

var userInput.value=river;
if(userInput.value)=="river"){
document.write("hey");
}
<br/>
function changeText2(){
var userInput=document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML=userInput;
}


</script>
<p>What has a mouth but can't chew?<b id='boldStuff2'>???</b></p>
<input type='text' id='userInput' value='Enter Answer Here'/>
<input type='button' onclick='changeText2()' value='Answer'/>



</head>
</html>

   function changeText2(){
     var userInput=document.getElementById('userInput').value;
     if(userInput=="river")
     {
      document.write("");
     }
     document.getElementById('boldStuff2').innerHTML=userInput;
   }

---

var userInput.value=river这让我头晕目眩。谢谢，我真的是个新手，非常感激