JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>İçerik</title>
        <script language="javascript" type="text/javascript" src="js/datetimepicker.js">

            //Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
            //Script featured on JavaScript Kit (http://www.javascriptkit.com)
            //For this script, visit http://www.javascriptkit.com 

        </script>

        <script language="JavaScript">
            function recal(val,sum)
            { 
                if(sum == true)
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total+=val;
                    document.getElementById("total").innerHTML=total;        
                }
                else
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total-=val;
                    document.getElementById("total").innerHTML=total;   
                    var pnl = document.getElementById("totalEvents");
                }
                
                                           
             
                                    var pnl = document.getElementById("totalEvents");
                                    var pnl2 = document.getElementById("eventCategory");
                                    var pnl3 = document.getElementById("nameID");
                                    
                                    if (!sum && pnl.firstChild.tagName != "S" && pnl2.firstChild.tagname !="S")
                                    {
                                        pnl.innerHTML = "<S>"+ pnl.innerHTML+"</S>";
                                        pnl2.innerHTML = "<S>"+...