Buenas noches, estaba trabajando en una parte de lo que espero sea mi futuro sitio web y quería agregarle una sección de "fotografía", y aquí viene el problema. dado que el título de la página principal cambia constantemente de color, me gustaría tomar su color actual para transferirlo al título de la otra página para reproducir una animación más adelante. el problema es que cuando presiono el botón relacionado, me llevan a la página de fotografías, pero el título permanece en negro. He intentado buscar ayuda en Google pero no he podido encontrar mucho. aquí está el JS
if (document.addEventListener) { document.addEventListener("DOMContentLoaded", function() { loaded(); }); } else if (document.attachEvent) { document.attachEvent("onreadystatechange", function() { loaded(); }); } function loaded() { document.getElementById("PHtitle").style.color === titlecolor; } function script() { const titlecolor = document.getElementById("title").style.color; }; document.getElementById('photograpy').onclick = function () { script(); };Los fragmentos no permiten el almacenamiento local, por lo que aquí está solo el javascript.
Primero, dejo las variables fuera de una función. La función titleColor verifica si titleColor se guardó en localStorage, si no, el color predeterminado es negro.
Luego configuro el color del phtitle al contenido de la variable titleColor.
En la función de secuencia de comandos, establecí la variable localStorage en el color getComputedStyle del título.
Luego, por último, uso un detector de eventos en el botón para ejecutar el script para guardar el color.
LocalStorage es una forma de almacenar datos en el navegador del usuario hasta que cierran su navegador/borran sus datos, etc. Lo que permitirá que se pueda usar en páginas diferentes a las que se guardaron.
let titleColor = localStorage.getItem("titleColor") || "#000000"; let PHtitle = document.querySelector("#PHtitle"); let title = document.querySelector("#title"); let btn = document.querySelector("#photography"); if(PHtitle){ PHtitle.style.color = titleColor; } function script() { localStorage.setItem("titleColor", getComputedStyle(title).color) } if(btn && title){ btn.addEventListener("click", function() { script(); }) }