JSFiddle - React, Tailwind, and code Playground

by Dmitry Kostenko

HTML

<p id="holder"></p> 
<button id="btn">Genaration</button>

JavaScript

var col1 = ['Товарищи', 'С другой стороны', 'Равным образом','Не следует однако забывать что'];
 var col2 = ['реализация намеченных плановых заданий', 'рамки и место обучение кадров', 'новая модель','дальнейшее развитие'];
 var col3 = ['играет важную роль в формировании', 'требуют от нас анализа', 'требуют определения','способствует к подготовке'];
 var col4 = ['системы масового участия', 'направление прогрессивного развития', 'дальнейших направлений развития','существенных финансовых условий'];

function passPhrase(col1, col2, col3, col4) {
   
  var number = Math.floor(Math.random() * col1.length);
   
  function search(element, index, array) {
    return number === index;
  }
  
  var result1 = col1.find(search);
  var result2 = col2.find(search);
  var result3 = col3.find(search);
  var result4 = col4.find(search);
 
	var phrase = result1 +' '+ result2 +' '+ result3 +' '+ result4+'.';
  return phrase;
}

document.getElementById('btn').onclick = function(){
  var phrase = passPhrase(col1, col2, col3, col4);
  document.getElementById('holder').innerHTML = phrase;
};