JSFiddle - React, Tailwind, and code Playground

by Ozzy_liz12

HTML

<canvas id="triangles" width="320" height="320"></canvas>

JavaScript

const canvas = document.getElementById("triangles");
const ctx = canvas.getContext("2d");
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
for (let side = 10; side <= 300; side += 10) {
  ctx.strokeRect(centerX - side / 2, centerY - side / 2, side, side);
}