JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<canvas id = "tdarena" width = "400" height = "400"></canvas>
<script src = "Index.js"></script>
</html>
CSS
canvas{
border: 5px solid;
}
JavaScript
var canvas = document.getElementById("tdarena")
var ctx = canvas.getContext("2d")
ctx.scale()
function drawArena(){
var battleArena = [
[1, 1, 1, 1, 1, 1, 1, 1, 1]
]
}