JSFiddle - React, Tailwind, and code Playground

by kalar su

HTML

<div >
	<ul id="output">
	</ul>
</div>

CSS

#output li{ 
	width: 30px;
 	float: left;
	margin-right: 10px;
	list-style-type: none;
	text-align: right;
}

JavaScript

for(var i=1; i<=10; i++){
    for(var j=1 ; j<=10; j++ ){
			var node = document.createElement("LI");  
			var textnode = document.createTextNode(i*j);
      node.appendChild(textnode);
      document.getElementById("output").appendChild(node); 
    }
		var linebreak = document.createElement("br");
	  document.getElementById("output").appendChild(linebreak);

}