Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BanCoVua</title>
</head>
<style>
	table,td{
		border:1px solid blue;
		border-collapse: collapse;
	}
	</style>
<body>
	<h1>Ve ban co vua nxn</h1>
	<p>Nhap n <input id ="inputN" type ="number" min ="1" max ="10"></p>
	<button type = "button" onClick ="MyFun()">Draw</button>
	<div id="NoiDeVe"></div>
	<script>
		function MyFun(){
			var n = document.getElementById("inputN").value;

			var s = "<table>";
			for (var i =0; i< n; i++){
				s+="<tr>";
				for (var j =0; j< n; j++){
					s+="<td>"+(i+1)*(j+1)+"</td>";
				}
				s+="</tr>";
			}
			s+="</table>";
			document.getElementById("NoiDeVe").innerHTML = s;
		}
	</script>


</body>
</html>