JSFiddle - React, Tailwind, and code Playground

by xxxvvvxxx

HTML

<table>
	<tr>
		<td onclick="make(3);">1</td><td onclick="make(5);">2</td><td onclick="make(7);">3</td>
	</tr>
	<tr>
		<td colspan="3">
			<table>
				<tbody>
					<tr id="result"></tr>
				</tbody>
			</table>
		</td>
	</tr>
</table>

CSS

table {
	border-collapse: collapse;
}
table, td, th {
	border: 1px solid black;
}
#result td {
	padding: 20px;
}

JavaScript

function make(count) {
	var result = document.querySelector("#result");
	var cell = "";
	for (var i=0; i<count; i++) {
		cell += "<td></td>";
	}
	result.innerHTML = cell;
}
make(3);