JSFiddle - React, Tailwind, and code Playground

by Udav Anaconda

HTML

<body> 
 </body>

JavaScript

var arr = [ "слон", "муха", "комар", "тигр" ];
//Случайное число между min и max
// Math.random() рандомит от 0 до 1

function getRandom(min, max)
	{
		return Math.floor(Math.random() * (max - min + 1)) + min;
	}

var table = document.createElement( "table" );
document.body.appendChild( table ); m=7;n=4;
for (var i = 0; i < m; i++ ) {

	var tr = document.createElement('tr');
	table.appendChild(tr);
	for (var j = 0; j < n; j++ ) {
		var td = document.createElement('td'); 
		td.innerHTML = arr[ getRandom(0, arr.length-1) ];
		tr.appendChild(td); 
	}

}
table.id = "mytable";
function colorTD( sssr ) {

	var table = document.getElementById( "mytable" );
	var elems = table.getElementsByTagName('td'),
	length = elems.length;
	for( i=0; i<length; i++) {
		if ( elems[i].innerHTML == sssr )
		elems[i].style.backgroundColor = '#c41e3a';
	}
	return false;
}

 		var button = document.createElement('input'); 

		button.type = "button";
		button.value = "Покрасить";
		//button.onclick = colorTD( "тигр" );
		button.addEventListener( "click", colorTD( "муха" ) );
		document.body.appendChild(button);