JSFiddle - React, Tailwind, and code Playground

by gevaraweb

HTML

<script src="https://cdn.rawgit.com/gevaraweb/foulTree/4b2872a0/foulTree.js"></script>
<p><b>Введите текст:</b><br>
   <input type="text" id="inputText" size="70" value="Смело, товарищи, в ногу!">
  </p>
  <p><input id="myButton" type="button" value="Проверить"></p>
  <p><span id = "messages">&nbsp;</span></p>	
  <p><textarea rows="20" cols="45" id="resultText"></textarea></p>

JavaScript

function findMat() {	
	
	var text = document.getElementById("inputText").value;
	
	try {

		var results = foulTree.search( text );
		
		if (  results.length > 0 ) {
			document.getElementById("messages").innerHTML = "Мат обнаружен!";
		}
		else document.getElementById("messages").innerHTML = "Мат не обнаружен!";
		
		var answer = "";	
		for (var i = 0; i < results.length; i++) {

			answer = answer + "поз. " + String( results[i][0] ) + " - " + results[i][1] +"\n";

		}
		
		document.getElementById("resultText").value = answer;		

	} catch (err) {

		document.getElementById("messages").innerHTML = "Ошибка! Возможно, библиотека не найдена.";
	
	}
	
}

var elem = document.getElementById("myButton");
elem.addEventListener( "click" , function() { findMat(); });