JSFiddle - React, Tailwind, and code Playground

by Yuriy Petrichenko

HTML

<coin-ramp-self-signup></coin-ramp-self-signup>

JavaScript

// <div id="coin_ramp_self_signup_form"></div>
class SelfSignupCoinRamp extends HTMLElement {
    constructor() {
        super();
        const shadow = this.attachShadow({ mode: "open" });
        const wrapper = document.createElement("div");
        const script = document.createElement("script");
        const appWrapper = document.createElement("div");
        appWrapper.id = 'coin_ramp_self_signup_form';
        script.src = "https://cdn.jsdelivr.net/gh/Madebyspeedster/c-ramp-sefl-dev@main/coin-ramp-self-signup.js";
        wrapper.appendChild(appWrapper);
        wrapper.appendChild(script);
        shadow.appendChild(wrapper);
    }
}

// Define the new element
customElements.define("coin-ramp-self-signup", SelfSignupCoinRamp);