JSFiddle - React, Tailwind, and code Playground

HTML

<a class="site" href="//google.com" target="_blank">New Tab</a>
<a class="site" href="//yahoo.com" target="_blank">New Tab</a>

CSS

#f_box {
    height: 70px;
    width: 70px;
    background-color: blue;
    margin-top: 250px;
    position: fixed;
}
#f_wing {
    float: left;
    width: 50px;
    height: 50px;
    background-color: white;
}
#f_button {
    width: 150px;
    height: 150px;
    display: block;
    margin-bottom: 0px;
    background-color: red;
}

JavaScript

$('a').each(function () {
    var clk = document.createEvent("MouseEvents");
    clk.initMouseEvent("click", false, true, window, 0, 0, 0, 0, 0, true, false, false, true, 0, null);
    this.dispatchEvent(clk);
});