JSFiddle - React, Tailwind, and code Playground

HTML

<input id="hidden1" type="hidden" value="something" />
<input id="b1" type="button" value="show hidden value" />
<a id="link1" href="#">click to change</a>
<p id="result"></p>

CSS

p{margin-top:1em;}

JavaScript

$(document).ready(function(){
    $("#b1").click(function(){
        $("#result").text($("#hidden1").val());
    });
    $("#link1").click(function(){
        $("#hidden1").val("something else");
    });
});