JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test" data-user-name="testUsername" />
<button id="clc">Click me</button>
<span id="output">Text</span>

JavaScript

$("#clc").on("click", function(){
    var val = $("#test").data("user-name");
    $("#output").html(val);
});