В
ссылкой
Size: a a a
2020 February 24
F
Бека нет и это не спа
М
Какая должна быть логика при сохранении темы в localStorage? Смена темы у меня реализована checkboxом и классом в боди. Как мне если у одной страницы включена белая тема у другой тоже ее врубить и если черная то у второй тоже будет черная. Помогите с логикой, а то как то не вдупляю
У другой включить если влкадка уже открыта или если потом откроют?
В
У другой включить если влкадка уже открыта или если потом откроют?
Потом
М
Ну тут без ифов вряд ли как-то можно
М
Тебе ведь по любому нужно проверить есть значение или нет, чтобы применить тему
PR
1) onstorage change на всех вкладках
2) на основной меняешь + пишешь в сторейдж
2) на основной меняешь + пишешь в сторейдж
PR
Профит
F
window.addEventListener("storage",e=>console.log(e))
В
Ну тут без ифов вряд ли как-то можно
У меня получилась логика только если белая тема уже включена. Типо при нажатии на чекбокс который ее меняет она записывается в localStorage и другие страницы подхватывают ее когда идет переход на них. Но как теперь сделать если белая тема выключена чтобы черная сохранялась?
PR
LocalStorage.setItem('theme', 'color')
On storage set theme
On storage set theme
PR
Gg wp
М
У меня получилась логика только если белая тема уже включена. Типо при нажатии на чекбокс который ее меняет она записывается в localStorage и другие страницы подхватывают ее когда идет переход на них. Но как теперь сделать если белая тема выключена чтобы черная сохранялась?
Ставь значение первой темы сразу при входе на страницу и делай проверку на значение
F
2 темы?
В
Foma
2 темы?
Просто светлая и темная. Чел я новичок который тренится в js
В
Не ори 😅
F
:root{
--bg:White}
html[dark] {
--bg:#333}
html[purpul] {
--bg:blue}
const theme=localstore.getItem(theme) | ""
--bg:White}
html[dark] {
--bg:#333}
html[purpul] {
--bg:blue}
const theme=localstore.getItem(theme) | ""
В
Foma
:root{
--bg:White}
html[dark] {
--bg:#333}
html[purpul] {
--bg:blue}
const theme=localstore.getItem(theme) | ""
--bg:White}
html[dark] {
--bg:#333}
html[purpul] {
--bg:blue}
const theme=localstore.getItem(theme) | ""
Пока что это сложно для меня, звиняй
В
Ставь значение первой темы сразу при входе на страницу и делай проверку на значение
А это кстати работает
F
Так просто можно 10 тем, 1 по дефолту просто белую