I'm trying to use BroadcastChannel API in JS. I have the following code in my website. I want an input field in such a way that its value should be automatically updated if input is given in another tab of same webpage and vice-versa.
<input id="d" class="a0000000000a">
<script>
'use strict';
try {
const a = new BroadcastChannel('a');
a.onmessage = b => {
var c = JSON.parse(b.data);
document.getElementsByClassName('a' + c.a + 'a')[0].value = c.b
};
const d = document.getElementById('d');
d.oninput = () => a.postMessage({
a: d.className,
b: d.value
});
} catch (e) {
alert(e)
}
</script>
It is not producing any error. And also not working as I expected.
EDIT
Issue resolved.