Estoy creando una aplicación de calculadora con múltiples temas y todo funciona localmente, pero el problema ocurre en las páginas de github. Cada tema para la calculadora tiene su propio archivo css y estoy usando javascript para cambiar href de la etiqueta de enlace según el tema seleccionado (el tema 1 está seleccionado de forma predeterminada):
HTML:
<link rel="stylesheet" id="themeStyleSheet" href="styles/themes/theme-1.css">JavaScript:
const themeSelector = document.querySelector('#themeSelector'); const themeStyleSheet = document.querySelector('#themeStyleSheet'); let themeValue = 1; function lastSelectedTheme(){ themeValue = localStorage.getItem('selectedTheme'); if(themeValue === '1'){ themeStyleSheet.href = 'styles/themes/theme-1.css'; themeSelector.value = localStorage.getItem('toggleValue'); } else if(themeValue === '2'){ themeStyleSheet.href = 'styles/themes/theme-2.css'; themeSelector.value = localStorage.getItem('toggleValue'); } else if(themeValue === '3'){ themeStyleSheet.href = 'styles/themes/theme-3.css'; themeSelector.value = localStorage.getItem('toggleValue'); } }Cuando veo mi página usando github, agrega automáticamente ' / ' al comienzo de href mientras que no hay ' / ' en el código javascript original que está causando el problema (si elimino '/' manualmente de la consola del desarrollador, entonces obras)
¿ Cómo dejo de ser agregado al href?
Repositorio de Github: https://github.com/FaDiiiLeo/calculator
Github no debería cambiar tu código en absoluto. Mirando su repositorio, supongo que está usando la rama main para la página.
Me imagino que probablemente sucedió algo que impidió que se implementara su compromiso. Dado que su confirmación fue exactamente ese cambio aquí: https://github.com/FaDiiiLeo/calculator/commit/00e6c0120da611f340657b357605e387b6453a90
Presionaría otro compromiso y verificaría si está solucionado.