LocalStorage. Почему console.log выдает не правильный результат?

Question

[tostershmoster]

// localStorage
// darkMode: 'dark'
const darkMode = localStorage.getItem('darkMode')?.trim();
console.log(darkMode); // "dark"
console.log(darkMode === 'dark'); // false - почему тут false?
const textShadow = darkMode === 'dark' ? 'black' : '#4f4f4f';
console.log(textShadow); // #4f4f4f

const styles = {
  mainTheme: {
    textShadow: '2px 2px 2px black',
    textShadowColorMode: `2px 2px 2px ${textShadow}`,
  },
};

по ключу 'darkMode' могут быть значения 'dark' или 'light'.
Ожидаю что при darkMode - 'dark' будет

console.log(darkMode === 'dark'); // true
console.log(textShadow); // 'black'

Но при любом из этих значений 'dark' или 'light' в localStorage в консоли получаю

console.log(darkMode === 'dark'); // false
console.log(textShadow); // #4f4f4f

почему?

...cтрока в кавычках оказалась в localStorage )

Comments

[Александр Талалаев]

Покажите весь код.
Если просто делать:

localStorage.setItem('darkMode', 'dark');
//true
localStorage.getItem('darkMode') === 'dark';

[Lapita12]

// localStorage
// darkMode: dark
const darkMode = localStorage.getItem("darkMode")?.trim();
console.log(darkMode); // "dark"

const dark = "dark";
console.log(darkMode === dark); // true

const black = "black";
const textShadow = darkMode === dark ? black : ""; // убедитесь, что добавите условие для другого значения
console.log(textShadow); // "black"

const styles = {
  mainTheme: {
    textShadow: "2px 2px 2px black",
    textShadowColorMode: `2px 2px 2px ${textShadow}`,
  },
};

1. В localStorage.getItem(darkMode) вы должны передать строку с именем ключа.
2. Вы сравниваете darkMode с переменной dark которая не была определена.
3. В тернарном операторе после двоеточия не указано значение.
4. В объекте styles значения textShadow и textShadowColorMode должны быть строками.

[Вадим]

Затримленая строка может быть не равна такой же затримленой строке только по одной причине. Используется какая-то буква, которая выглядит одинаково в латинском и кирилическом алфавите. И где-то написана кирилическая.

[tostershmoster]

Вадим, пробовал копировать значение 'dark' из localStorage

[tostershmoster]

Александр Талалаев, это всё, после только строка export { styles };

[Вадим]

tostershmoster, значит без демки где это воспроизводится помочь не выйдет.
Потому что вот этот код (скопировано из вопроса)

const darkMode = localStorage.getItem('darkMode')?.trim();
console.log(darkMode); // "dark"
console.log(darkMode === 'dark'); // true
const textShadow = darkMode === 'dark' ? 'black' : '#4f4f4f';
console.log(textShadow); // black

работает так, как и полагается и как Вы ожидаете, если перед ним конечно же прописать
localStorage.setItem('darkMode', 'dark')

[tostershmoster]

Вадим, console.log(darkMode.length) // 6 - т.е. длину 'dark' считает вместе с кавычками. почему? разве это не строка должна быть?

[Сергей delphinpro]

tostershmoster, смотря как вы ее туда записали =)

[Вадим]

tostershmoster, без понятия о чём Вы говорите...

localStorage.setItem('darkMode', 'dark')
const darkMode = localStorage.getItem('darkMode')?.trim();
console.log(darkMode.length); // 4

[tostershmoster]

Вадим, строка в кавычках оказалась в localStorage )