JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div id='result'></div>

CSS

body {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
}

JavaScript

$(function() {
	var result = repeatRow(20, 'parenting_daily_hassles', 'r', ['often', 'hassle']);
  var A1B1Array = get1A1BArray();
  var concat = concatTwoArrayValues(A1B1Array, result);
  displayResults(concat);
  
});


function repeatRow(repeatNumber, baseString, repeatingString, repeatingArray) {
	var period = '.';
  var resultArray = [];
	for(var i = 1; i < repeatNumber + 1; i++) {
  	for(var j = 0; j < repeatingArray.length; j++) {
    	var word = '';
      word += baseString;
      word += period;
      word += repeatingString;
      word += i;
      word += period;
      word += repeatingArray[j];
      resultArray.push(word);
    }
  }
  return resultArray;
}
function get1A1BArray() {
	var abArray = ['A', 'B'];
  var resultArray = [];
	for(var i = 1; i < 21; i++) {
  	for(var j = 0; j < abArray.length; j++) {
    	var word = i + abArray[j];
      resultArray.push(word);
    }
  }
  return resultArray;
}
function concatTwoArrayValues(array1, array2) {
	var underscore = '_';
	var resultArray = [];
	if(array1.length === array2.length) {
  	for(var i = 0; i < array1.length; i++) {
    	var word = array1[i] + underscore + array2[i];
      
      resultArray.push(word);
    }
  }
  return resultArray;
}
function wrapInDiv(word) {
	return '<div>' + word + '</div>';
}
function displayResults(array) {
	var result = $('#result');
  $(result).text('');
  for(var i = 0; i < array.length; i++) {
  	$(result).append(wrapInDiv(array[i]));
  }
}