JSFiddle - React, Tailwind, and code Playground
by awesomespaceman
HTML
<button onclick="R()">Click</button>
<canvas id="a"></canvas>
JavaScript
a=document.getElementById("a")
c=a.getContext("2d")
c.scale(9,9)
var m =[[2,0,0,0,3],
[0,0,0,0,0],
[4,0,1,0,4],
[0,0,0,0,0],
[3,0,0,0,2]]
function R(){x=Math.floor(Math.random()*6+1)
m.forEach((row,y)=>{
row.forEach((value,z)=>{if(value==0){c.fillStyle="white"
c.fillRect(z,y,1,1)}
if(value==1){if(x==1||x==3||x==5){c.fillStyle="black"}
else{c.fillStyle="white"}c.fillRect(z,y,1,1)}
if(value==2){
if(x>=4){
c.fillStyle="black"
}else{
c.fillStyle="white"
}
c.fillRect(z,y,1,1)
}
if(value==3){
if(x>=2){
c.fillStyle="black"
}else{
c.fillStyle="white"
}
c.fillRect(z,y,1,1)
}
if(value==4){
if(x==6){
c.fillStyle="black"}
else{c.fillStyle="white"}
c.fillRect(z,y,1,1)}})})}