Question

英语老师向孩子们教授动物名字。为了让孩子们有兴趣地学习，她想通过游戏教授动物名字。动物的名称将在单击事件中从网页中的“animals.txt”文件显示，并在动物按钮的双击事件中消失。现在，孩子必须在文本类型输入中键入动物的名称（她/他所知道的）作为句子（动物名称是句子的单词）。此外，它还应显示根据显示按钮的单击事件中的“animals.txt”文件正确键入了多少个动物的名称。文本文件和输入句子中动物名称的顺序并不重要。为此方案开发最小的在线应用程序。确保这一点（i）只有在输入按钮的点击事件之后，才应向孩子显示文本输入字段。（ii）应停用显示和输入按钮，直到用户弹出文本文件“animals.txt”中的数据。

所以我创建了一个animals.txt文件，存储了一些动物名称并编写了如下脚本

<?php
$text = file_get_contents("animals.txt");
?>

<script>
function animals(){
    document.getElementById("animals").style["visibility"] = "visible";
    document.getElementById("view_button").style["visibility"] = "visible";
}

function showInput(){
    document.getElementById("text").style["visibility"] = "visible";
    document.getElementById("answer_button").style["visibility"] = "visible";
}
function hideAnimals(){
    document.getElementById("animals").style["visibility"] = "hidden";
}
function checkInput(){
    var file_input = document.getElementById("animals").innerHTML;
    file_input = file_input.substr(1);
    var input = document.getElementById("text").value;

    file_input = file_input.split(" ");
    input = input.split(" ");

    var count = 0;
    for(var i = 0; i < file_input.length; i++)
    {
        for(var j = 0; j < input.length; j++)
        {
            if(file_input[i] == input[j])
            {
                count++;

            }
        }
    }
    document.getElementById("result").innerHTML = count+" animals answered correctly";
}


</script>

<div id="animals" style="visibility:hidden">
<?php echo $text ?>
</div>

<button onclick="animals()" ondblclick="hideAnimals()">Animals</button>

<br>
<button id = "view_button" onclick="showInput()" style="visibility:hidden">Input</button> <br><br>
<input id = "text" style="visibility:hidden" placeholder="Type a line"></input>  <br><br>
<button id = "answer_button" onclick="checkInput()" style="visibility:hidden">Display</button> <br><br>

<div id="result"></div> <br><br>

但是当我输入甚至未列出的动物名称时，它给出了0个错误答案，我无法弄清楚这里的问题

使用php从文件中查找正确的动物数量

0 个答案: