JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <script>
function setColor(color)
{
    document.getElementById("rect").style.fill = color;
}
    </script>
</head>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width: 300px; height: 250px">
  <rect x="50" y="20" rx="10" ry="10" width="200" height="200" style="fill:red; stroke:black; stroke-width:3" id="rect" />
</svg>

    <button onclick="setColor('red');">Red</button>
    <button onclick="setColor('green');">Green</button>
    <button onclick="setColor('blue');">Blue</button>
    
</body>
</html>