var mapX = 20;
var mapY = 20;
var text = document.getElementById("text");
var temp = "";
for (var i = 0; i < mapY; i++) {
if (i == 0 || i == mapY - 1) {
temp = temp + "#".repeat(mapX) + "<br />";
} else {
temp = temp + "#" + ".".repeat(mapX - 2) + "#<br />";
}
text.innerHTML = temp;
}