JSFiddle - React, Tailwind, and code Playground

by rjzaworski

HTML

<a href="#" data-test="somethingSpecial">This should output "Something Special"</a>

CSS

body {
    background: #eee;
    text-align: center;
}

a {
    margin: 25px auto;
    padding: 10px 25px;    
    display: inline-block;
    border: solid 1px #000;
    background-color: #222;
    text-decoration: none;
    color: #fff;
}

JavaScript

$('a').click(function(){
    var input = $(this).data('test'),
        output = input.slice(0, 1).toUpperCase() + input.slice(1).replace(/[A-Z][a-z]/, ' $&');
    alert(output);
});