Как передать значение из addEventListener в переменную?

Question

[Big Wheel]

Помогите разобраться, почему консоль говорит - "undefined", и как использовать переменную за пределами EventListener?

let el

window.addEventListener('resize', () => {
  vw = (ratio) => Math.round(window.innerWidth * (ratio / 100))

  el = vw(100)
})

console.log(el)

Comments

[Вадим]

Ну вы же понимаете что обработчик события ресайз произойдёт неизвестно когда, а консоль лог вызовется буквально сразу при исполнении этого кода?

Опишите какую проблему Вы пытаетесь решиить.

[Big Wheel]

Вадим,
пока вы не объяснили - не понимал )

Большое спасибо, объяснение направило в нужное русло, задачу решил!

Answer 1

[Stalker_RED]

С передачей у вас все нормально, проблема с "когда".

строки

vw = (ratio) => Math.round(window.innerWidth * (ratio / 100))

  el = vw(100)

сработают только при событии resize.

Вы объявили переменную, добавили этот eventListener, вывели переменную (котроая все щее undefined), и все, конец.
Она перестанет быть undefined только после события.

Answer 2

[Владимир Коротенко]

хм по моему все просто,
el = undefined
вы навешиваете обработчик
и сразу выводите el
resize не сработал