JSFiddle - React, Tailwind, and code Playground

by XarX

HTML

<pre id=painted></pre>

JavaScript

var _painted = 0, $painted = document.getElementById('painted');


function rollRandom(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min +1)) + min; 
}  
function createArray(length) {
    var arr = new Array(length || 0),
        i = length;
    if (arguments.length > 1) {
        var args = Array.prototype.slice.call(arguments, 1);
        while(i--) arr[length-1 - i] = createArray.apply(this, args);
    }
    return arr;
}
var yMax = [12,12,11,11,10,10,9,9,8,7,5,3,1];
var D2array = createArray(25,25);
for (var yy = -12;yy<13;yy++) 
	for (var xx = -12;xx<13;xx++) 
  	D2array[xx+12][yy+12] = 0;
$painted.textContent= "";
for (var test=0;test<1;test++) {
	$painted.textContent= "";
  for (var i=0;i<4;i++) {
    var x = rollRandom(-12,12);
    var y = rollRandom(-12,12);
    if (Math.abs(y) > yMax[Math.abs(x)] || (Math.abs(y) < 2 && Math.abs(x) < 2)) {i--;}
    else {
    	$painted.textContent+= "Coor: {" + x + "," + y + "}\n";
    	D2array[x+12][y+12]++;
    }
  }
}

for (var yy = -12;yy<13;yy++) {
	for (var xx = -12;xx<13;xx++) {
  if (xx==0 && yy ==0)
  	$painted.textContent+= "\t(x)";
  else if (xx==0 && D2array[xx+12][yy+12] == 0) {
  	$painted.textContent+= "\t(" + yy + ")";
  } else if (yy==0 && D2array[xx+12][yy+12] == 0)  
  	$painted.textContent+= "\t("+ xx + ")";
  else if (D2array[xx+12][yy+12] == 0)
		$painted.textContent+= "\t . ";
  else
  	$painted.textContent+= "\t[X]";
	}
  $painted.textContent+= "\n";
}