JSFiddle - React, Tailwind, and code Playground

HTML

<div id="QCB3">
    <ul class="ms-qcb-leftzone">
    </ul>
</div>

JavaScript

$(document).ready(function(){
console.log('hi');
  var constructHtml = '<a class="owe"  href="#" onClick ='
+'"javascript:CoreInvoke("NavigateHttpFolder",'
 +'"https://stepoiltoolsconnect.sharepoint.com/sites/Operations/Shared%20Documents", "_blank");">'
+'<span class="ms-cui-img-16by16 ms-cui-img-cont-float">'
+'<img style="left: -187px; top: -55px;" alt="" src="/_layouts/15/1033/images/formatmap16x16.png?rev=40" unselectable="on">'
+'</span>'
+'Open with Explorer</a>';

console.log(constructHtml );
$("div#QCB3").find("ul.ms-qcb-leftzone").append(constructHtml);
});