<h3>Led 1:</h3> <button id="button1" onclick="send1()">Turn ON</button> and javascript is var c = 1; function send1() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) {6 if (c == 0) { document.getElementById("button1").innerHTML = "Turn ON"; document.getElementById("button1").style.backgroundColor ="red"; c = 1; } else if (c == 1) { document.getElementById("button1").innerHTML = "Turn OFF"; document.getElementById("button1").style.backgroundColor = "green"; c = 0; } } }; xhttp.open("GET", "https://blynk.cloud/external/api/update?token=PiICxN5NNt2JWKLel25I********&v0=" + c, true); xhttp.send(); }Cuando se hace clic en el botón, obtiene una URL que contiene la clave API y asigna 1 o 0 según el clic del botón.
Entonces, cuando hago clic en el botón Desactivado en una pestaña activa, otro botón de pestaña también debe cambiarse a Desactivado.
Puede explorar utilizando la API de canal de difusión que permite la comunicación básica entre contextos de navegación (como pestañas) en el mismo origen.
// Current/Active Tab // Connection to a broadcast channel const bc = new BroadcastChannel('test_channel'); bc.postMessage('button off');Luego, las otras pestañas pueden escuchar el mismo canal:
// Other Tabs const bc = new BroadcastChannel('test_channel'); bc.onmessage = event => { if (event.data === 'button off') { // do something } }