JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Cyrillic</h2>
<textarea name="message_cyril" id="message_cyril" style="width:200;height:50px">Собеседник агентства уточнил, что это нельзя назвать полной ликвидацией аварии на скважине. "Но выбросов газа и горения, то есть, того, что так волновало всех жителей, на скважине уже не происходит", - сказал он, добавив, что на завершение всех ликвидационных работ еще понадобится некоторое время.</textarea>
<br />
<button name="send" id="cyril">Count</button>    

<h2>Latin</h2>
<textarea name="message_latin" id="message_latin" style="width:200;height:50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nunc nisi, [[[pharetra a lorem sit amet, fringilla egestas urna]]]. Nullam euismod ipsum velit, ac hendrerit ligula sagittis ac</textarea>
<br />
<button name="send" id="latin">Count</button>

JavaScript

var wordCounts = {};
		          function word_count(field) {
		              var number = 0;
		              
		              var matches = $(field).val().replace(/\[\[\[[^\]]*\]\]\]/g, '').match(/\b/g);
		                        
		              if (matches) {
		                  number = matches.length / 2;
		              }
		              wordCounts[field] = number;
		              var wordCounter = 0;
		              $.each(wordCounts, function(k, v) {
		                  wordCounter += v;
		              });
                      return wordCounter;
                  }

$('button').click(function () {
    var input =  '#message_' + this.id;
    var latin_result = word_count(input);
    alert(latin_result);
});