Javascript 如何将搜索词重定向到“后”的新页面&引用；有人报名吗？

我正在构建一个带有搜索功能的引擎，并试图让它在用户点击“？”键时将我的查询重定向到一个答案页面

例如

查询中的用户类型。什么是4+4

接着是一个“？”

出现转换，然后重定向到新页面，页面上有问题和答案

以下是我目前掌握的代码：

HTML:

---

我不确定CSS、JS或其他编码技巧是否最适合我想要实现的目标。任何帮助都将不胜感激

您可以在输入字段中设置一个事件侦听器，并在每个键上检查键的值。如果该键是您要查找的键，例如“？”，则获取该输入字段的数据并进行进一步处理

我建议您为您的输入字段提供一些id，以便它是唯一的，您可以轻松访问它

var field=document.getElementById（'search'）；
field.addEventListener（'keyup'，function（）{
var searchText=this.value；
如果（searchText.indexOf（“？”）>-1）{//表示有？
var textToProcess=searchText；
//你想用这个做什么
}
})

---

您可以在输入字段中设置一个事件侦听器，并在每个键上检查键的值。如果该键是您要查找的键，例如“？”，则获取该输入字段的数据并进行进一步处理

我建议您为您的输入字段提供一些id，以便它是唯一的，您可以轻松访问它

var field=document.getElementById（'search'）；
field.addEventListener（'keyup'，function（）{
var searchText=this.value；
如果（searchText.indexOf（“？”）>-1）{//表示有？
var textToProcess=searchText；
//你想用这个做什么
}
})

---

JS。。。先看一下，然后再问这里…JS。。。先看一下，然后再问这里…我把代码改成这样。我想我需要一个重定向操作，但我不知道怎么做：var field=document.getElementById（'search'）；field.addEventListener（'keyup'，function（）{var searchText=this.value；if（searchText.indexOf（'？'）>-1）{//表示存在？var textToProcess=searchText；$（location.attr（'href'，answer.html'）}）好的，您可以使用

window.location=“yourfile.html”

如果要传递参数，可以在url后使用“？”并发送。e、 g

window.location='yournewfile.html？question='+textToProcess

对我来说，它不会重定向到键盘上的新页面。并且，调试器对第三行代码字段addEventListener（'keyup'，function（）{我将代码改成这样。我想我需要一个重定向操作，但我不知道怎么做。var field=document.getElementById（'search'））；field.addEventListener（'keyup'，function（）{var searchText=this.value；if（searchText.indexOf（'？'））>-1）{//表示存在？var textToProcess=searchText；$（location.attr（'href'，answer.html'）}）好的，您可以使用

window.location=“yourfile.html”）“

如果您想传递参数，可以在url之后使用“？”并发送它。例如

window.location='yournewfile.html？疑问='+textProcess

对于我来说，它不会重定向到keypress上的新页面。调试器说“null不是对象，（计算‘field.addEventListener’）用于代码字段的第三行。addEventListener（'keyup'，function（））{

<form>
  <input type="text" name="search"></form>

input[type=text] {
  width: 50%;
  padding: 15px 20px;
  margin: 0px 0;
  border: none;
  background-color: #000;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
  border: 2px #000;
  border-radius: 5px;
  font-style: normal;
  text-align: center;
}