Как в js вызвать импортируемую функцию?

Question

[Jake_Hold]

Нужно из первого js файла передать функцию для условия во второй файл.

В первом theme.js файле следующий код :

export let DarkTheme = () => {
  /*Переключение на темную тему*/
  $('#darkTheme').css({'display' : 'block'})
  $('#lightTheme').css({'display' : 'none'})
}

export let DarkTheme = () => {
  /*Переключение на светлую тему*/
  $('#darkTheme').css({'display' : 'none'})
  $('#lightTheme').css({'display' : 'block'})
}

Во втором файле header.js :

import {DarkTheme, LightTheme} from './theme'

if (window.location.pathname == '/' || window.location.pathname == '/list') {

  if (localStorage.getItem('themeStyle') === 'dark') {
      /*здесь по идее мне нужно вызвать функции с первого файла, чтобы проверить условие - какая сейчас выбрана тема*/ 
   }
   else {
     //
   }

}

Comments

[Exploding]

Вот это:

export let DarkTheme = () => {
  /*Переключение на темную тему*/
  $('#darkTheme').css({'display' : 'block'})
  $('#lightTheme').css({'display' : 'none'})
}

export let DarkTheme = () => {
  /*Переключение на светлую тему*/
  $('#darkTheme').css({'display' : 'none'})
  $('#lightTheme').css({'display' : 'block'})
}

Можно записать чуть короче:
$('#darkTheme, #lightTheme').toggle();

Answer 1

[andrei_pro]

theme.js

function DarkTheme() {}
function LightTheme() {}

export {LightTheme, DarkTheme}

header.js

import {DarkTheme, LightTheme} from './theme'

LightTheme()

Comments

[Jake_Hold]

пробовал, это почему то не работает, условие не выполняется все равно

[andrei_pro]

Jake_Hold, Вы в функции LightTheme() записали значение в localStorage? Вы же потом оттуда берете значение для сравнения.

const THEME_LIGHT = 'light'
const THEME_DARK = 'dark'

function setTheme(theme) {
    localStorage.setItem('themeStyle', theme)

    // display css
}
function isTheme(theme) {
    return localStorage.getItem('themeStyle') === theme
}

if (isTheme(THEME_LIGHT)) {
   // code
}

[Robur]

Jake_Hold, если у вас проблемы что код не делает что-то что вам надо - положите сначала в один файл, сделайте чтоб работало, потом вынесите.
А то у вас вопрос как вызвать импортированную функцию - ответ: так же как и любую другую - пишете имя со скобочками LightTheme().
Если в этом месте у вас в консоль не падает какая-то ошибка то проблема вообще не в импорте - экспорте

[Jake_Hold]

andrei_pro, не совсем понял, что нужно записывать там где комментарий // display css, какой css туда нужно записать, или откуда ?

[andrei_pro]

Jake_Hold, там ваша логика переключения стилей ($('#lightTheme').css(...) в зависимости от theme

[Роман]

Robur, удивляюсь Вашей способности давать адекватные ответы и комментарии на неадекватные вопросы.
Поделитесь секретом, а то последнее время еле сдерживаюсь, чтобы не сорваться на школьников. А тут можно сказать что и сорвался.

[Robur]

Роман, чтобы не срываться на школьниках я на мидлах отрываюсь.