JSFiddle - React, Tailwind, and code Playground

by toddmotto

HTML

<!-- Demo element -->
<a href="#" class="btn btn-purple" data-js="alert-button">Click me</a>

CSS

.btn {
    padding:10px 20px;
    border-radius:5px;
    display:inline-block;
    text-decoration:none;
}
.btn-purple {
    background:purple;
    color:#FFF;
}

JavaScript

! function () {
    
    // Click will alert the [data-js] content
    $('[data-js=alert-button]').click(function () {
        alert($(this).data('js'));
    });
    
}();