<html>
<body>
</body>
<div id="point"></div>
<script type="text/javascript">
var point = 5;
var i = point * 2 - 1;
var j = point * 2 - 1;
var arr_point = new Array(i);
for(var k = 0; k < i; k++) {
arr_point[k] = new Array(j);
}
var row = 0;
var cross = point - 1;
for (var x = point; x > 0; x--) {
var col = 0;
for (var y = x; y > 0 ; y--) {
arr_point[cross-row][cross+col] = y;
arr_point[cross-row][cross-col] = y;
arr_point[cross+row][cross+col] = y;
arr_point[cross+row][cross-col] = y;
++col;
}
for (var y = point-x; y > 0; y--) {
arr_point[cross-row][cross+col] = " ";
arr_point[cross-row][cross-col] = " ";
arr_point[cross+row][cross+col] = " ";
arr_point[cross+row][cross-col] = " ";
++col;
}
++row;
}
for (var x = 0; x < i; x++){
var p = "<p>";
for(var y = 0; y < j; y++) {
p += arr_point[x][y];
}
p+="</p>";
document.getElementById("point").innerHTML+=p;
}
</script>
</html>
