Как правильно организовать работу функций, в зависимости от изменения глобальной переменной?

Question

[leyarthemes]

Здравствуйте, при загрузке страницы у меня открывается попап окно с 2 радио инпутами (например, выбор типа регистрации). После любого выбора, окно прячется и выполняется дальнейший код. Как правильно сделать так, чтобы выбор радио кнопки влиял на выполнение дальнейших функций, может быть записывать в глобальную переменную значение и проверять перед выполнением других функций? Например, при выборе второго инпута у меня создаётся массив, наличие которого изменяет работу функций и мне нужно будет передавать и изменять его в последующем, а если его нет, то выполнять старый код.

Answer 1

[inzeppelin]

Просто запишите в переменную. Примерно так:

let inputValue = '';

// затем на onchange инпута записываете значение в переменную
const inputElement = document.querySelector('.radio-input');
inputElement.addEventListener('change', function() {
   inputValue = this.value;
});

// дальнейший код будет брать значение из замыкания
const someFunction = () => {
 console.log(inputValue);
};

Comments

[hzzzzl]

только let inputValue а не конст

[leyarthemes]

https://jsfiddle.net/axb96fq4/ Что-то не срабатывает. Сильно не ругайтесь, я начинающий, но мне кажется что в someFunction не передаётся inputValue = this.value; потому что загрузка документа уже прошла с пустым inputValue. Или я не прав?

[inzeppelin]

leyarthemes Суть примерно такая: функции не выполняются сами по себе. Их нужно вызывать. То есть при изначальной загрузке документа все функции определяются, но не исполняются. То есть, для того, чтобы получить значение переменной inputValue. Вам нужно вызвать функцию someFunction.
Примерно так: https://jsfiddle.net/pL2dt4bc/3/ меняйте значения в радио кнопках и нажимайте на кнопку.

[leyarthemes]

inzeppelin, спасибо, уже сам до этого дошёл.