Commit fadc88e

committed

Adding local storage

1 parent 445481c commit fadc88eCopy full SHA for fadc88e

File tree

-0

lines changed

-0

lines changed

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -130,12 +130,14 @@ let toggleTheme = document.getElementById('toggleTheme');`
`130`	`130`	`let ball = document.getElementById('ball');`
`131`	`131`	`let theme = localStorage.getItem('theme');`
`132`	`132`
	`133`	`+// Creamos una función que nos permita habiltar el tema oscuro de la página, agregando la clase correspondiente al body y seteando el local storage para guardar el modo.`
`133`	`134`	`const enableDarkTheme = () => {`
`134`	`135`	`document.body.classList.add('dark-theme');`
`135`	`136`	`localStorage.setItem('theme', 'darkTheme');`
`136`	`137`	`ball.style.transform = 'translateX(20px)';`
`137`	`138`	`}`
`138`	`139`
	`140`	`+// Creamos una función que nos permita deshabiltar el tema oscuro de la página, removiendo la clase al body y seteando el local storage para guardar el modo.`
`139`	`141`	`const disableDarkTheme = () => {`
`140`	`142`	`document.body.classList.remove('dark-theme');`
`141`	`143`	`localStorage.setItem('theme', 'normal');`
`@@ -146,6 +148,7 @@ if (theme === 'darkTheme'){`
`146`	`148`	`enableDarkTheme()`
`147`	`149`	`}`
`148`	`150`
	`151`	`+// Cuando se aplique el evento click al botón toggle, si el local storage 'theme' no es 'darkTheme', lo habilitamos y sino lo deshabilitamos.`
`149`	`152`	`toggleTheme.addEventListener('click', () => {`
`150`	`153`	`if (theme != 'darkTheme'){`
`151`	`154`	`enableDarkTheme();`

Comments

(0)