JSFiddle - React, Tailwind, and code Playground

by djatha

HTML

<div id="paper">
</div>

JavaScript

const SVGNS = "http://www.w3.org/2000/svg";

const svgElt = document.createElementNS(SVGNS, "svg");

const circleElt = document.createElementNS(SVGNS, "circle");
circleElt.setAttribute("cx", 100);
circleElt.setAttribute("cy", 100);
circleElt.setAttribute("r", 10);
circleElt.setAttribute("fill", "crimson");
circleElt.setAttribute("stroke", "dimgray");

circleElt.addEventListener("click", () =>	
	circleElt.setAttribute("r", Math.round(Math.random()*50 + 5))
);

svgElt.appendChild(circleElt);

const paperElt = document.getElementById("paper");
paperElt.appendChild(svgElt);