使用 javascript 的字数计数器。

在这篇文章中,我将向您展示如何使用 javascript 制作字数计数器。我使用字数计数器来计算我的文章的字数。我们将制作简单的单词计数器来显示文本区域中存在的单词数。

我们要做的单词计数器的基本解释。

我们如何使用 javascript 来计算单词数。首先,我们将从 textarea 的值中修剪 (trim()😉 空格,即删除字符串两侧的空格。然后我们将字符串之间存在的空格替换为一个空格(“”),这样如果用户添加了两个或更多空格,它将被替换为单个空格((“”)到(“”))。之后,我们将通过 split() 方法将该字符串转换为数组,我们将按空格分割字符串(split(" ")),就是这样,然后我们就得到了单词的长度。进一步阅读以了解更多详细信息。

使用 Javascript 的字数计数器。

那么,让我们开始制作吧。首先,我创建了两个文件index.html和index.css。然后将 css 文件链接到 html 文件。我已在正文结束标记下方的脚本标记中的 html 文件中添加了 javascript。您可以为 javascript 创建另一个扩展名为 .js 的文件,并将其链接到 html 文件。()。

以下是制作字数计数器的步骤。

第 1 步:添加文本区域、按钮和计数器以显示字数。
下面我首先创建了基本的 html 结构。并补充道:

标题的 H2 标签。
P 标签显示字数。
文本区域。
按钮,通过单击它,文本区域中会出现单词数。
你可以看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Q shen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值