JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <style id="test">
            .text {
                background: #FF0000;
            }
        </style>
    </head>
    <body>
        <p class="text">
           WADDDAAAAAAa
        </p>
        <button id="test1">1</button>
        <button id="test2">2</button>
    </body>
<html>

JavaScript

$(document).ready(function(){
    
    $('#test1').click(function () {
        
        $('#test').empty().remove();
        
    });
    
    $('#test2').click(function () {
        
        $('#test').text('.text { background: #00FF00; }');
        
    });
    
});