Get words frequency by a div or textarea

Question

How can I show the frequency of every single word contained in a div or textarea? I found this thread that comes close to what I need, but I need to get the text from an element and not from the string

function getFrequency2(string, cutOff) {
  var cleanString = string.replace(/[\.,-\/#!$%\^&\*;:{}=\-_`~()]/g,""),
      words = cleanString.split(' '),
      frequencies = {},
      word, frequency, i;

  for( i=0; i<words.length; i++ ) {
    word = words[i];
    frequencies[word] = frequencies[word] || 0;
    frequencies[word]++;
  }

  words = Object.keys( frequencies );

  return words.sort(function (a,b) { return frequencies[b] -frequencies[a];}).slice(0,cutOff).toString();
}

document.write( getFrequency2( "1 2 1 2 3 1 2 3 1 1 4 test", 3  ) );

You can get the text from an element as a string with `yourElement.textContent`. — George, Sep 03 '19 at 20:12
Possible duplicate of [How can get the text of a div tag using only javascript (no jQuery)](https://stackoverflow.com/questions/10370204/how-can-get-the-text-of-a-div-tag-using-only-javascript-no-jquery) — Heretic Monkey, Sep 03 '19 at 20:26
Or [jQuery get content between
tags](https://stackoverflow.com/q/6854009/215552) if you prefer jQuery... — Heretic Monkey, Sep 03 '19 at 20:28
For a `textarea`, it's just `.value` (DOM) or `.val()` (jQuery). — Heretic Monkey, Sep 03 '19 at 20:29

score 0 · Answer 1 · edited Sep 03 '19 at 20:24

0

The text from an element is a string. So just send your function that, for example:

const myElementText = document.getElementById("elID").textContent; 
getFrequency2(myElementText, cutOff);

edited Sep 03 '19 at 20:24

George

2,330
3
15
36

answered Sep 03 '19 at 20:13

dikuw

1,134
13
22

this is wrong. that will get html as string. use textContent – George Sep 03 '19 at 20:21
Sorry but I can't get it to work, could you give me an example? Thank you – Sim9b Sep 03 '19 at 20:36

dikuw · Answer 2 · 2019-09-03T21:33:20.210

The question as I read it was how to send the text from an element to a given function. If the function doesn't work as expected, we'll need to know what your expected output is. For example, if you want to return an object with each word and the number of instances in the given string, you could do (with ES6):

<div id="elID">This is is a a a test test test test</div>

const myElementText = document.getElementById("elID").textContent; 
let counter = str => {
  return str.split(' ').reduce((total, word) => {
    total[word] ? total[word]++ : total[word] = 1;
    return total;
  }, {});
};
console.log(counter(myElementText));

This gives the output {This: 1, is: 2, a: 3, test: 4}

Working fiddle: https://jsfiddle.net/f46qzskd/

Get words frequency by a div or textarea

2 Answers2