Javascript 如何使用JS更改CSS上的显示值

我试图用一个输入标签获取用户的输入，当用户输入一个特定的单词时，它会改变css上的显示，从而使它出现。看来我试的是错的。有人知道我怎样才能做到这一点吗

var input=document.getElementById（“ter”）.value；
如果（输入=“ls”）{
document.getElementById（“页面”）.style.display=“块”；
}

。。。
主分区{
位置：绝对位置；
顶部：50px；
左：0；
右：0；
文本对齐：居中；
}
第页{
显示：无；
}
输入{
背景：透明；
边界：无；
颜色：#C0C0；
宽度：50%；
身高：30%；
左边距：10px；
}
输入：焦点{
大纲：无；
}
术语文本{
字体大小：粗体；
颜色：#00ff00；
}
…

。。。
usr@test:~
如果用户在输入时键入ls，则会显示此信息

…

您需要绑定一个事件来捕获用户正在键入的内容

即：事件

输入

document.getElementById("ter").addEventListener('input', function() {...});

document.getElementById（“ter”）.addEventListener（'input'，function（）{
var输入=此值；
如果（输入=“ls”）{
document.getElementById（“页面”）.style.display=“块”；
}
});
。。。主分区{
位置：绝对位置；
顶部：50px；
左：0；
右：0；
文本对齐：居中；
}
第页{
显示：无；
}
输入{
背景：透明；
边界：无；
颜色：#C0C0；
宽度：50%；
身高：30%；
左边距：10px；
}
输入：焦点{
大纲：无；
}
术语文本{
字体大小：粗体；
颜色：#00ff00；
}
…
。。。
usr@test:~
如果用户在输入时键入ls，则会显示此信息

…
它不适用于您的原因是您没有要求javascript根据用户输入执行某些操作。您需要使用事件侦听器来收集用户交互

在你的情况下，我会这样做：

var inputBox = document.getElementById("ter");

inputBox.addEventListener("keyup", function(){
  if (inputBox.value == "ls") {
    document.getElementById("pages").style.display = "block";
  }
}, false);

它起作用了！我可能得了解一些事件。您知道如何编辑js，以便在用户按enter键时将显示更改为block吗？