📑 Style Workout 02: Broadcast Channels

style_02.html

Broadcast Channels

xxxxxxxxxx

 

1

%%html

2

<div id='div002_01'></div>

3

<script>

4

const listener=new BroadcastChannel('channel1'),

5

      out=document.querySelector('#div002_01');

6

listener.onmessage=(msg)=>{

7

  var div=document.createElement('div');

8

  div.textContent=msg.data;

9

  div.style.border='double white'; 

10

  div.style.background='black'; div.style.color='white';

11

  div.style.width='15%'; div.style.padding='10px';

12

  out.appendChild(div); };

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages

xxxxxxxxxx

 

1

%%javascript

2

const sender=new BroadcastChannel('channel1');

3

sender.postMessage('😋 😌 😍 😎 😏 << HELLO >> 😋 😌 😍 😎 😏');

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages