¿Cómo podría hacer clic en un botón en una página, que habilitará otro botón en otra página?
mi javascript
function enableButton2() { document.getElementById("button2").disabled = false; document.getElementById("divbutton").hidden = false; }HTML
<input type="button" id="button1" value="button 1" onclick="enableButton2()"/> <div id="divbutton" hidden> <input onclick="window.location.href='menu.html'" type="button" id="button2" value="button 2" disabled /> </div>este código funciona, pero solo funcionará si estos dos botones están en la misma página, lo que estoy tratando de hacer es separarlos en sus propias páginas pero aún funcionan según lo previsto, es decir, hacer clic en el primer botón hará que aparezca el segundo botón.
¡Gracias por adelantado!
Puede usar la API de canal de transmisión para comunicarse entre diferentes pestañas.
Por ejemplo, declare lo siguiente en ambas páginas:
const bc = new BroadcastChannel('button_disable'); bc.onmessage = function(event){ if(event.data == "hide"){ //hide the buttons }else if(event.data == "show){ //show the buttons } }Luego, si desea ocultar/mostrar el botón, simplemente envíe un mensaje:
bc.postMessage('hide');localStorage sería un enfoque eficiente si también desea guardar la elección del botón del usuario. localStorage le permite almacenar un valor en el mismo origen, lo que significa que solo debe verificar si el valor se modificó y diferenciar qué botón debe habilitarse.
Por ejemplo,
function enableButton2() { localStorage.enabledButton = '2' }Luego para verificar qué botón habilitar, cuál se usaría en la segunda página
setInterval(() => { if (localStorage.enabledButton == "1") { //Enable button 1 } if (localStorage.enabledButton == "2") { //Enable button 2 } })