JSFiddle - React, Tailwind, and code Playground

by mikeu

HTML

<a href="#" class="can-click" data-code="a">a</a>
<a href="#" class="can-click" data-code="b">b</a>
<a href="#" class="can-click" data-code="c">c</a>
<a href="#" class="can-click" data-code="d">d</a>


<p class="output" data-value="1"></p>
<p class="output" data-value="2"></p>
<p class="output" data-value="3"></p>

JavaScript

$(document).ready(function () {
    $(".can-click").click(function () {
        var code = $(this).data("code");
        $("output").each(Display(code));
    });
});


function Display(code) {

    var p = $(this);
    var value = p.data("value");
    alert(code + " " + value);
}