Api not working or i need help

why does

api = new JitsiMeetExternalAPI(domain, options)`

const domain = ‘meet.jit.si’;
const options = {
roomName: ‘PickAnAppropriateMeetingNameHere’,
width: 700,
height: 700,
parentNode: document.querySelector(’#meet’)
};
const api = new JitsiMeetExternalAPI(domain, options);

not work

I wont see antything on my site. only output on the website is a tekst
api = new JitsiMeetExternalAPI(domain, options)` const domain = ‘meet.jit.si’; const options = { roomName: ‘PickAnAppropriateMeetingNameHere’, width: 700, height: 700, parentNode: document.querySelector(’#meet’) }; const api = new JitsiMeetExternalAPI(domain, options);

The API used this way is meant to be placed in an i-frame
replace the following with your reality:
YOUR_DOMAIN_NAME.com
ROOM_NAME_or_VARIABLE
PLAIN_TEXT_NAME_FOR_THAT_ROOM_or_VARIABLE — We used that because our room names are UUID with long character strings and some people thought they were error codes!

    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-12 pt0 pb8">
          <div id="main" class="mt32"/>
          <script src="https://YOUR_DOMAIN_NAME.com/external_api.js"/>
          <script>
                        var domain = "YOUR_DOMAIN_NAME.com";
                        var options = {
                            roomName: "ROOM_NAME_or_VARIABLE",
                            height: 800,
                            interfaceConfigOverwrite: {
                                TOOLBAR_BUTTONS: [
                                    'microphone', 'camera', 'hangup', 'closedcaptions', 'fullscreen','fodeviceselection', 'etherpad',
                                    'profile', 'chat','raisehand', 'videoquality', 'filmstrip', 'feedback', 'tileview', 'sharedvideo',
                                    'settings', 'videoquality', 'tileview', 'videobackgroundblur', 'mute-everyone', 'security', 'desktop'
                                ],
                                SHOW_JITSI_WATERMARK: false,
                                SHOW_WATERMARK_FOR_GUESTS: false
                            },
                            parentNode: document.querySelector('#main'),
                            configOverwrite: {},
                        }
                        var api = new JitsiMeetExternalAPI(domain, options);
                        api.executeCommand('subject', 'PLAIN_TEXT_NAME_FOR_THAT_ROOM_or_VARIABLE');
                    </script>
        </div>
      </div>
    </div>