JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<textarea id="text">Опера́ция «Ход конём» (нем. Unternehmen Rösselsprung), в югославской историографии также известна как «Седьмое вражеское наступление» или Десант на Дрвар (сербохорв. Десант на Дрвар / Desant na Drvar) — комбинированная воздушно-десантная и сухопутная наступательная операция войск 2-й танковой армии вермахта во время Второй мировой войны. Проводилась в Западной Боснии в районе Бугойно — Яйце — Баня-Лука — Приедор — Бихач — Книн в период с 25 мая по 6 июня 1944 года с целью уничтожения Верховного штаба НОАЮ в городе Дрвар, а также находившихся при нём учреждений народно-освободительного движения Югославии и союзных военных миссий. В операции участвовали 500-й парашютно-десантный батальон СС, а также части 15-го горного армейского корпуса и 5-го горного корпуса СС.

Оборонительные действия 1-го Пролетарского, 5-го Боснийского ударного и части 8-го Далматинского корпусов, а также других частей НОАЮ во время операции «Ход конём» трактуются в югославской военной историографии как Дрварская операция.</textarea><br />
<input type="text" id="pattern" /><br />
<input type="button" id="search" value="Искать" />
<table id="result">
<thead>
<tr><th>Символ</th><th>Количество</th></tr>
</thead>
<tbody></tbody>
</table>

JavaScript

$('body').on('click', '#search', findStr);

function findStr() {
	var searchStr = $('#pattern').val();
  var searchTxt = $('#text').val();
  var output = '';
  var searchSymbols = searchStr.split('');
  console.log(searchSymbols);
  for(var i = 0; i < searchSymbols.length; i++) {
  	var sy = searchSymbols[i];
    if('.*+?^$'.indexOf(sy) > -1 ) {
    	sy = '\\' + sy;
    }
  	var sRegExp = new RegExp(sy, 'gi');
    console.log(sRegExp);
  	var q = searchTxt.match(sRegExp);
    q = q ? q.length : 0;
  	output += '<tr><td>' + searchSymbols[i] + '</td><td>' + q + '</td></tr>';
  }
  $('#result tbody').html(output);
}