Js统计文章汉字数量,非输入框统计

我想在网页上统计一篇文章的汉字数量并把代码写进模板里。
但是找来找去都是统计输入框的。

引用 皆我百晓生 小程序回复内容作答:
你可以使用JavaScript来统计一篇文章的汉字数量,而不是统计输入框。下面是一个示例代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>统计汉字数量</title>
  <script>
    function countChineseCharacters() {
      var text = document.getElementById("article").innerText; // 获取文章内容
      var count = 0;

      for (var i = 0; i < text.length; i++) {
        var charCode = text.charCodeAt(i);
        
        if (charCode >= 0x4e00 && charCode <= 0x9fff) { // 汉字的 Unicode 范围
          count++;
        }
      }

      document.getElementById("count").innerHTML = "文章中的汉字数量为:" + count;
    }
  </script>
</head>
<body>
  <h1>统计汉字数量</h1>
  <div id="article">
    这是一篇文章,包含一些汉字。This is an article with some Chinese characters.
  </div>
  <button onclick="countChineseCharacters()">统计汉字数量</button>
  <div id="count"></div>
</body>
</html>

在上面的示例中,我们首先定义了一个名为countChineseCharacters的JavaScript函数。这个函数会通过getElementById方法获取文章内容,然后遍历文章的每个字符。如果字符的Unicode值在汉字的Unicode范围内(0x4e00到0x9fff),那么我们将计数器count加1。最后,我们将计数器的值展示在页面上。

你可以将上述代码复制到HTML文件中,并将文章内容替换为你自己的文章。当你在浏览器中打开这个文件,并点击“统计汉字数量”按钮时,页面上会显示文章中的汉字数量。

【相关推荐】




如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^