JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<style>
#board {
position: relative;
width: 100%;
height: 100%;
}
</style>
<body oncontextmenu='return false;' >
<br><br><br>
<label id='status'></label>
<div id="board"></div>
<script>
const container = document.getElementById('board');
const IMAGES = {
0: 'data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABVSURBVFhH7dmxDQAgCAXRj/vvrETd4BqKewkJdNdTSXbPWDewvWuYqsr6+1gGUgZSBlIGUgZSBlIGUgZSBlIGUgZSBlIGUgZSBlIGUgZSBlLD3xDJAYilBkvFlvBcAAAAAElFTkSuQmCC',
1: 'data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEeSURBVFhH7dkxioNAFMbxzy20N5XX8AR2Cgpew8bewtYriJ0XsBI7z2DhNUQrBRFEV2en2dY3C8K+HwjJYwh/RhNDogE4r+O1RODl59nLaJqGL/n4tTiQigOp/l/gMAwIwxCe52GaJjl9Tmngvu8oyxJ1XcsJnbLAO64oCmRZJidqKAlc11WExXGMeZ7lVJ37VvfIcRxn13VnEAT3vfLX4bruOY6jXPnM/TqPd3BZFiRJAsdx0DQNTNNEnudI01SuUONx4LZt6PtenNJrB9G2LaIogq7rcoUapGvQsiyxe1VVwbZt8e1DtceBn89HfKT4vg/DMORUPSXv4r/EgVQcSMWBVBxIxYFUHEjFPx5RcSAVB1JxINXrA1/+NwTwDYd1zuhYBJBDAAAAAElFTkSuQmCC',
2: 'data:image/png;base64,...