JSFiddle - React, Tailwind, and code Playground
HTML
<script>
function embedCompetition(el, html) {
el.innerHTML = html;
Array.from(el.querySelectorAll("script")).forEach(oldScript => {
const newScript = document.createElement("script");
Array.from(oldScript.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value));
newScript.appendChild(document.createTextNode(oldScript.innerHTML));
oldScript.parentNode.replaceChild(newScript, oldScript);
});
}
const embedCode = '<a class="e-widget generic-loader" href="https://gleam.io/GRq5F/gleam-sweepstakes" rel="nofollow">My Competition</a><script type="text/javascript" src="https://widget.gleamjs.io/e.js" async="true"><\/script>'
</script>
<div id="gleam_competition"></div>
<a href="javascript:embedCompetition(document.querySelector('#gleam_competition'), embedCode)">Add competition!</a>