JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
<head>
</head>
<body>

<div id='i'></div>


</body>
</html>

JavaScript

let request = new XMLHttpRequest();
    request.open('get', 'https://424e687d.ngrok.io/widget_evolpay.html', true);
    request.onload = function () {
        if (request.status >= 200 && request.status < 400) {
            let resp = request.responseText;
            document.querySelector('#i').innerHTML = resp;
            r();
        }
    };
    request.send();
    console.log(9);

function r() {
 				let btn = document.querySelector('.evolpay-widget-link-footer');
        let iframe = document.querySelector('#evolpay-widget-iframe');
        let modal1 = document.querySelector('div.evolpay-widget-cover');
        let modal2 = document.querySelector('div.evolpay-widget-modal');
        let modal3 = document.querySelector('div.evolpay-widget-content');
console.log(345);

function t(){
 console.log(234);
}

  btn.onclick = function () {
        iframe.setAttribute("src", 'https://424e687d.ngrok.io');
        iframe.setAttribute('style', 'display: block');
        iframe.setAttribute('width', '100%');
        iframe.setAttribute('height', '100%');
        modal1.setAttribute('style', 'display:block;');
        modal2.setAttribute('style', 'display:block;');
        modal3.setAttribute('style', 'display:block;');
        };

}