Javascript 用于简单关键字搜索的输入和输出
我不熟悉Javascript和Jquery场景。我试图创建一个关键字搜索,当点击一个按钮时,文本框中的短语会在文本区域中给出一个特定的答案。我已经创建了两个包含我正在寻找的关键字的数组,但我不知道如何让程序查找关键字并给出答案 这是HTMLJavascript 用于简单关键字搜索的输入和输出,javascript,jquery,Javascript,Jquery,我不熟悉Javascript和Jquery场景。我试图创建一个关键字搜索,当点击一个按钮时,文本框中的短语会在文本区域中给出一个特定的答案。我已经创建了两个包含我正在寻找的关键字的数组,但我不知道如何让程序查找关键字并给出答案 这是HTML <div id="AskAQuestion"> <div id="questionsArea"> <div class="questionAreaSpacing"><input type="
<div id="AskAQuestion">
<div id="questionsArea">
<div class="questionAreaSpacing"><input type="text" name="questionTxt" id="questionTxt"></div>
<textarea readonly id="answerArea">
</textarea>
<div class="questionAreaSpacing"><input type="submit" name="answerBtn" id="answerBtn" value="Click Me!"></div>
</div>
</div>
下面是脚本:
<script>
var quesArr = ["redcom","google", "orange"];
var ansArr = ["test 1","test 2","test 3"];
function getAnswer(){
};
function answer(){
if ($("#questionTxt").val().toLowerCase().string. == getAnswer()){
$('#answerArea').html("");
}
else if($("#questionTxt").val() != getAnswer()){
$('#answerArea').html('You didn\'t say the magic word');
}
else if($("#questionTxt").val() == "" ){
$('#answerArea').html('what are you thinking');
}
};
$("#answerBtn").click(function(){
answer();
});
$("#questionTxt").keyup(function(e){
if(e.keyCode == 13){
$("#answerBtn").click();
}
});
</script>
var quesArr=[“redcom”、“google”、“orange”];
var ansArr=[“测试1”、“测试2”、“测试3”];
函数getAnswer(){
};
函数答案(){
if($(“#questionTxt”).val().toLowerCase().string.==getAnswer()){
$('#answerArea').html(“”);
}
else if($(“#questionTxt”).val()!=getAnswer()){
$(“#answerArea”).html(“你没有说这个神奇的词”);
}
else if($(“#questionTxt”).val()=“”){
$('#answerArea').html('你在想什么');
}
};
$(“#answerBtn”)。单击(函数(){
答案();
});
$(“#questionTxt”).keyup(函数(e){
如果(e.keyCode==13){
$(“回答”)。单击();
}
});
请帮助我,我想了解如何做得很糟糕:(您可以通过将问题作为参数传递到函数中来实现这一点。然后循环通过
问题查看其是否存在,并打印出相应的答案:
var quesArr = ["redcom","google", "orange"];
var ansArr = ["test 1","test 2","test 3"];
function getAnswer(question){
var questionIsPresent = false;
//loop through array to see if question is present
for (var i = 0; i < quesArr.length; i++) {
if(quesArr[i] === question){
$('#answerArea').html(ansArr[i]);
questionIsPresent = true;
}
}
if(questionIsPresent == false){
$('#answerArea').html('You didn\'t say the magic word');
}
if(question == "" ){
$('#answerArea').html('what are you thinking');
}
};
$("#answerBtn").click(function(){
//pass in the question to the function
getAnswer($("#questionTxt").val().toLowerCase());
});
$("#questionTxt").keyup(function(e){
if(e.keyCode == 13){
$("#answerBtn").click();
}
});
var quesArr=[“redcom”、“google”、“orange”];
var ansArr=[“测试1”、“测试2”、“测试3”];
函数getAnswer(问题){
var-questionIsPresent=false;
//循环遍历数组以查看问题是否存在
对于(变量i=0;i
您只需在onkeypress事件上触发事件并调用此函数。这一行的语法错误:if($(“#questionTxt”).val().toLowerCase().string.==getAnswer()){
。删除字符串
之后的
。该字符串不在其中。这是另一次尝试其他内容失败造成的。我在检查数组中的关键字是否正确以及吐出匹配答案时遇到了问题。