Question

我有这个学校的任务，它看起来很简单，因为给出了说明，但我无法解决它。按下搜索按钮后，我的网页上没有显示任何内容。

这是：

编写一个名为“CharacterOccurences.JS”的JavaScript脚本，它输入几行文本和一个搜索字符，并使用String方法indexOf（）来确定文本中字符的出现次数。

A）您必须使用名为“CharacterOccurences.CSS”的外部CSS文件将段落的边距设置为值0（零）。

B）您必须在HTML表单中声明四（04）个ID：一个。 “searchString”为段落中的textarea id，包含4行和55列湾“characters”作为段落中的输入id，文本类型和大小等于5 C。 “searchButton”作为带有按钮类型的段落中的输入id，其值等于“搜索” d。段落中的“输出”是最终结果。

C）JavaScript文件（CharacterOccurences.js）包含三个（03）全局变量和两个（02）函数：

一个。全局变量：

我。 searchStr获取“searchString”的id II。 ch获取“字符”的id III。 outResult获取“输出”的id 湾函数getAllDomElement（）表示一世。访问“searchButton”元素，并使用现有的函数addEventListener（）添加搜索按钮，该函数带有三个（03）参数：（a）事件名称为字符串文字（此处为“click”），（b）函数searchOccurrences，以及（c）布尔值false。

II。使用现有函数getElementById（）

获取“searchString”，“characters”，“output”的所有id元素

℃。函数searchOccurrences（）用于搜索我们查找的字符并计算该字符的出现次数。

我。 4个局部变量：count，chValue，searchStr，result。

II。使用函数：charAt（0），toLowerCase（）和indexOf（）。

III。如果变量count等于0（零）则显示消息：未找到字符ch。否则显示结果。

D）在JavaScript文件的末尾，完成此行以在资源及其相关资源完成加载时触发加载事件： window.addEventListener（“load”，getAllDomElement，false）;

这是html和js文件中的脚本：

<!DOCTYPE html>
<html lang = "en">
<head>
    <title> Assignment3Q1 </title>
    <meta charset = "utf-8">
    <script type = "text/javascript" src = "CharacterOccurences.js">
    </script>
    <link rel = "stylesheet" type = "text/css" href = "CharacterOccurences.css"/>
</head>
<body>
    <p> Enter some text: <br>
        <textarea id = "searchString" rows = "4" cols = "55"></textarea>
    </p>
    <p> Enter characters to search for: <br>
        <input type = "text" id = "characters" size = "5" />
        <input type = "button" id = "searchButton" value = "Search" onclick = "getAllDomElement();"/>
    </p>
    <p id = "output">
    </p>
</body>

searchStr = document.getElementById("searchStr");
ch = document.getElementById("characters");
outResult = document.getElementById("output");

function getAllDomElement()
{
    document.getElementById("searchButton").addEventListener("click", searchOccurences, false);
    searchStr = document.getElementById("searchStr");
    ch = document.getElementById("characters");
    outResult = document.getElementById("output");
}

function searchOccurences()
{
    var count = 0;
    var chValue = ch.chartAt(0).toLowerCase();
    var searchStr = searchStr.toLowerCase();
    var result; 
}

window.addEventListener("load", getAllDomElement, false);

您看到我还没有完成searchOccurences（）函数。每当我发现输入的字母出现时，我都试图通过for循环并增加计数，但是当我按下Search时没有显示任何内容。它应该是这样的：https://ibb.co/haRviv

搜索用户给出的文本中字符的出现次数

0 个答案: