Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于简单关键字搜索的输入和输出_Javascript_Jquery - Fatal编程技术网

Javascript 用于简单关键字搜索的输入和输出

Javascript 用于简单关键字搜索的输入和输出,javascript,jquery,Javascript,Jquery,我不熟悉Javascript和Jquery场景。我试图创建一个关键字搜索,当点击一个按钮时,文本框中的短语会在文本区域中给出一个特定的答案。我已经创建了两个包含我正在寻找的关键字的数组,但我不知道如何让程序查找关键字并给出答案 这是HTML <div id="AskAQuestion"> <div id="questionsArea"> <div class="questionAreaSpacing"><input type="

我不熟悉Javascript和Jquery场景。我试图创建一个关键字搜索,当点击一个按钮时,文本框中的短语会在文本区域中给出一个特定的答案。我已经创建了两个包含我正在寻找的关键字的数组,但我不知道如何让程序查找关键字并给出答案

这是HTML

<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()){
。删除
字符串
之后的
。该字符串不在其中。这是另一次尝试其他内容失败造成的。我在检查数组中的关键字是否正确以及吐出匹配答案时遇到了问题。