JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewBox="0 0 100 100">
<circle id="circle" r="40" cx="50" cy="50"></circle>
</svg>

CSS

.red{
  fill: red;
}

JavaScript

document.getElementById("circle").classList += "red";