Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Multiplication Table</title>
</head>
<body>
	<table id="myTable"></table>
	<script>
		function printFirstRow()
		{
			var table = document.getElementById("myTable");
		  	var row = table.insertRow();
		  	for(var i = 0; i < 10; i++)
		  	{
		  		if (i == 0)
		    	{
		    		row.insertCell();
		      		continue;
		    	}
		  	row.insertCell().innerHTML = i;
		  	}
		}
		function printRows()
		{
			var table = document.getElementById("myTable");
		  	for (var j = 1; j < 10; j++)
		  	{
			  	var row = table.insertRow();
			  	for(var i = 0; i < 10; i++)
			    {
			      if (i == 0)
			      {
			        row.insertCell().innerHTML = j;
			        continue;
			      }
			      row.insertCell().innerHTML = i * j;
			    }
		  	}
		}

		printFirstRow();
		printRows();
	</script>
	<style>
		td{
		  background-color: #f55;
		  color: #fff;
		  width: 30px;
		  height: 30px;
		  text-align: center;
		}
		tr:first-child > td, tr > td:first-child{
		  background-color: gray;
		}
		table{
			margin: 0 auto;
		}
	</style>
</body>
</html>