Live
x
<widgetbot server="299881420891881473" channel="355719584830980096" width="350" height="400" shard="https://emerald.widgetbot.io"></widgetbot><script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script><br><br><button id="general">Navigate to #general</button> <button id="live-demo">Navigate to #live-demo</button><br><br><button id="login">Login</button> <button id="logout">Logout</button>
Live
xxxxxxxxxx4
html { color-scheme: dark;}
Live
xxxxxxxxxx24
const embed = document.querySelector('widgetbot')document.querySelector('#general').addEventListener('click', () => { embed.emit('navigate', { guild: '299881420891881473', channel: '368427726358446110' })})document.querySelector('#live-demo').addEventListener('click', () => { embed.emit('navigate', { guild: '299881420891881473', channel: '355719584830980096' })})document.querySelector('#login').addEventListener('click', () => { embed.emit('login')})document.querySelector('#logout').addEventListener('click', () => { embed.emit('logout')})
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.