javascript - Javascript 中的字数统计

标签 javascript html

我正在尝试找出一种方法来计算 javascript 中放置在多个段落 block 中的单词数。现在我有一个按钮连接到一个函数,并且该函数链接到段落中的 ID。这是我的代码

function processText(elements) {
  var count = 0;
  for (var i = 0; i < elements.length; i++) {
    count += elements[i].textContent.split(/\s/).length;
  }
  return count;
}
var wordsInParagraphs = processText(document.getElementsByTagName("data"));
<!DOCTYPE html>
<html>

<head>
  <meta name="title" content="The Cask of Amontillado--Edgar Allan Poe (1809-1849)">
</head>

<body>
  <p><button 1="processText(elements);">Process</button></p>
  <p id="data"></p>
</body>

最佳答案

这是您要找的吗?您只需要在单击时调用该函数并获取您想要计数的所有元素,剩下的就在那里(我使用 split 而不是正则表达式)。

function processText() {
  var elements = document.querySelectorAll(".data");
  var count = 0;
  for (var i = 0; i < elements.length; i++) {
    count += elements[i].textContent.split(" ").length;
  }
  console.log(count)
}
<!DOCTYPE html>
<html>

<head>
  <meta name="title" content="The Cask of Amontillado--Edgar Allan Poe (1809-1849)">
</head>

<body>
  <p><button onclick="processText();">Process</button></p>
  <p class="data">text in paragraph one</p>
  <p class="data">text in paragraph two</p>
</body>

关于javascript - Javascript 中的字数统计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54915441/

相关文章:

javascript - 如何设置表单 Action 以打开特定大小的新窗口?

javascript - 如何更改模板字符串推断的值

javascript - jQuery 数据表对象数组

html - 将我的联系页面更改为响应式?

java - HTML 下拉菜单与自动完成文本框

javascript - 为什么现在越来越多的人使用脚本来分配事件处理程序而不是从 html 元素中分配事件?

javascript - 带有可选(多个)逗号和小数点的 JavaScript float 的正则表达式

javascript - Angular HttpClient - 访问隐藏在响应数据中的值

javascript - 单页应用程序的 HTML 和 JS 片段的构建时组装

javascript - jQuery UI Accordion - 上一节的内容在点击不同部分时加载