JSFiddle - React, Tailwind, and code Playground

HTML

<a id="fooBar" onclick="foo();bar();">Foo then Bar</a>

<p><a href="#" onclick="dojo.byId('fooBar').onclick();">Do FooBar (byId)</a></p>

<p><a href="#" onclick="dojo.query('#fooBar')[0].onclick();">Do FooBar (query)</a></p>

<p><a href="#" onclick="document.getElementById('fooBar').onclick();">Do FooBar (Native Style)</a></p>

JavaScript

function foo() {
    console.log("foo");
}
    
function bar() {
    console.log("bar");
}