JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <style id="myStyles" type="text/css">
            .header { color: blue; }
        </style>
    </head>
    <body>
        <h2 class="header">My Page Heading</h2>
        <input type="button" id="myButton" value="Click Me"/>
    </body>
</html>

JavaScript

$("#myButton").click(function(e) {
    // $("#myStyles").text(".header { color: green }");
    var headerEl = $("#myStyles").parent();
    $("#myStyles").remove();
    $(headerEl).append("<style id='myStyles' type='text/css'> .header {color: green;}</style>");
});