<pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8" /&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
        &lt;title&gt;Document&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;button&gt;CLICK ME&lt;/button&gt;

        &lt;script&gt;
            const channel = new BroadcastChannel('myChannel');
            document.getElementsByTagName('button')[0].addEventListener('click', e =&gt; {
                channel.postMessage('Hello from Tab 1' + new Date().getSeconds);

                console.log('CHANNEL 1');
            });

            channel.onmessage = event =&gt; {
                console.log('Message received in Tab 2:', event.data);

                console.log('CHANNEL 2');
            };
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</pre>