JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<a id="link1" href="http://www.google.com" target="_blank">Go to Google</a>
</div>
<div>
<a id="link2" href="http://www.bbc.co.uk" target="_blank">Go to BBC</a>
</div>
<div>
    <button id="button1">Google</button>
    <button id="button2">BBC</button>
</div>

JavaScript

$(function() {
    $("#link1").on("click", function() { 
        alert("Google Link 'clicked'");
    });
   
    $("#link2").on("click", function() { 
        alert("BBC Link 'clicked'");
    });
    
    $("#button1").on("click", function() {
        $("#link1").click();
    });

    $("#button2").on("click", function() {
        $("#link2")[0].click();
    });

});