在这篇文章中,我将向您展示如何使用 javascript 制作字数计数器。我使用字数计数器来计算我的文章的字数。我们将制作简单的单词计数器来显示文本区域中存在的单词数。
我们要做的单词计数器的基本解释。
我们如何使用 javascript 来计算单词数。首先,我们将从 textarea 的值中修剪 (trim()😉 空格,即删除字符串两侧的空格。然后我们将字符串之间存在的空格替换为一个空格(“”),这样如果用户添加了两个或更多空格,它将被替换为单个空格((“”)到(“”))。之后,我们将通过 split() 方法将该字符串转换为数组,我们将按空格分割字符串(split(" ")),就是这样,然后我们就得到了单词的长度。进一步阅读以了解更多详细信息。
使用 Javascript 的字数计数器。
那么,让我们开始制作吧。首先,我创建了两个文件index.html和index.css。然后将 css 文件链接到 html 文件。我已在正文结束标记下方的脚本标记中的 html 文件中添加了 javascript。您可以为 javascript 创建另一个扩展名为 .js 的文件,并将其链接到 html 文件。()。
以下是制作字数计数器的步骤。
第 1 步:添加文本区域、按钮和计数器以显示字数。
下面我首先创建了基本的 html 结构。并补充道:
标题的 H2 标签。
P 标签显示字数。
文本区域。
按钮,通过单击它,文本区域中会出现单词数。
你可以看