JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<table class="cmp-cartTotal">
    <colgroup>
        <col class="col-8">
        <col class="col-4">
    </colgroup>
    <caption class="sr-only">Detailed total of your cart</caption>
    <tbody>
        <tr>
            <th class="cmp-cartTotal-label" scope="row">
                Subtotal
            </th>
            <td class="cmp-cartTotal-value sub-total">
                €1,150
            </td>
        </tr>
    
    <tr class="coupons-and-promos">
        
            <th class="cmp-cartTotal-label coupon-price-adjustment coupon-uuid-33caaef4207ecc7e7df551405e" scope="row" data-uuid="33caaef4207ecc7e7df551405e">
                <div class="coupon-code">
                    
                    <button class="cmp-link small remove-coupon" data-code="foo" aria-label="Close" data-toggle="modal" data-target="#removeCouponModal" data-uuid="33caaef4207ecc7e7df551405e">
                        <span aria-hidden="true">Remove product</span>
                    </button>
                    <p></p>
                </div>
            </th>
            <td class="cmp-cartTotal-value promotion-information">
                <span class="applied-promotion-discount">-€230</span>
            </td>
        
    </tr>


        
        <tr class="cmp-cartTotal-total">
            <th class="cmp-cartTotal-label" scope="row">
                Estimated Total
            </th>
            <td class="cmp-cartTotal-value grand-total js-grand-total">
                €920
            </td>
        </tr>
    </tbody>
</table>

JavaScript

$('button').on('click', function(){
	alert('click');
});