Commit 445481c

committed

Adding local storage

1 parent 722d883 commit 445481cCopy full SHA for 445481c

File tree

+48

-4

lines changed

+48

-4

lines changed

Lines changed: 23 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -127,8 +127,30 @@ window.addEventListener('load', () => {`
`127`	`127`	`// Toggle theme functionality`
`128`	`128`
`129`	`129`	`let toggleTheme = document.getElementById('toggleTheme');`
	`130`	`+let ball = document.getElementById('ball');`
	`131`	`+let theme = localStorage.getItem('theme');`
	`132`	`+`
	`133`	`+const enableDarkTheme = () => {`
	`134`	`+ document.body.classList.add('dark-theme');`
	`135`	`+ localStorage.setItem('theme', 'darkTheme');`
	`136`	`+ ball.style.transform = 'translateX(20px)';`
	`137`	`+}`
	`138`	`+`
	`139`	`+const disableDarkTheme = () => {`
	`140`	`+ document.body.classList.remove('dark-theme');`
	`141`	`+ localStorage.setItem('theme', 'normal');`
	`142`	`+ ball.style.transform = 'translateX(0)';`
	`143`	`+}`
	`144`	`+`
	`145`	`+if (theme === 'darkTheme'){`
	`146`	`+ enableDarkTheme()`
	`147`	`+}`
`130`	`148`
`131`	`149`	`toggleTheme.addEventListener('click', () => {`
`132`		`- document.body.classList.toggle('dark-theme');`
	`150`	`+ if (theme != 'darkTheme'){`
	`151`	`+ enableDarkTheme();`
	`152`	`+ }else{`
	`153`	`+ disableDarkTheme();`
	`154`	`+ }`
`133`	`155`	`});`
`134`	`156`

Lines changed: 23 additions & 1 deletion

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 1 addition & 1 deletion

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`<label for="toggleTheme" class="label">`
`27`	`27`	`<i class="fas fa-moon"></i>`
`28`	`28`	`<i class='fas fa-sun'></i>`
`29`		`- <div class='ball'>`
	`29`	`+ <div class='ball'id="ball">`
`30`	`30`	`</label>`
`31`	`31`	`</div>`
`32`	`32`	`</div>`

Comments

(0)