En mi página de índice, cuando hago clic en un botón, el fondo de la página se vuelve negro, pero no en las otras páginas, incluso si vinculo el archivo .js a todos los documentos html. ¿Cómo hago para que el fondo se vuelva negro en todas las páginas al hacer clic en un botón?
Esto es lo que tengo hasta ahora
function myFunction() { document.getElementsByTagName("body")[0].style.cssText = "background: black;" } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> <style> body { background: white; } </style> </head> <body> <button id="button" onclick="myFunction()">Change to black</button> </body> </html>Puede guardar el color de fondo en localStorage y leerlo al cargar la página. Cada vez que navega a otra página de su sitio, que carga ese script, leerá el valor almacenado y cambiará el color de fondo en consecuencia.
Guión (personalizar.js):
function setBGColor() { var bgColor = localStorage.getItem("bgColor"); document.body.style.backgroundColor = bgColor; } function changeBGColor(newColor) { localStorage.setItem("bgColor", newColor); setBGColor(); } setBGColor();En tu HTML:
... <body> <button id="button" onclick="changeBGColor('black')">Change to black</button> </body>