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

Question

[Мелан Альботов]

var button = document.getElementsByClassName("btn btn-secondary-1"); 
for (var i = 0; i < button.length; i++) { 
button[i].onclick = strPad;
function strPad() { 
button = this.value;
}
}

Как извлечь значение переменной button (button = this.value;) для дальнейшего использования в скрипте.

Comments

[Алексей Ярков]

Куда извлечь? Задайте вопрос нормально.

[Мелан Альботов]

Алексей Ярков,

var button = document.getElementsByClassName("btn btn-secondary-1"); 
for (var i = 0; i < button.length; i++) { 
button[i].onclick = strPad;
function strPad() { 
button = this.value;
alert(button);      ------->  Выводит значение button
}
}
alert(button);       ------->  Выводит [object HTMLCollection]


Думаю так нагляднее

[Алексей Ярков]

Мелан Альботов, Ну так что записали в переменную, то и получили. Зачем ее переопределять вообще?

[Мелан Альботов]

Алексей Ярков, в нее записано число, за пределами цикла она выдает [object HTMLCollection] вместо числа

[Мелан Альботов]

Артём Петренков, Я понимаю, что я что-то делаю не так. Проблему смог уже решить, заменив код js на разметку css. P.S. Я использовал js для создания popup окошка, и при помощи js выводил весь html код окна. И пытался встроить в этот код php. Я так понял, подобное делать нельзя. Можно использовать ajax для решения подобной задачи, но я с ajax еще никогда не работал и честно сказать, мне еще лень с ним разбираться и понимать что это и как это работает. P.P.S.

И научитесь форматировать код.

Можете, пожалуйста, посоветовать литературу по теме?

Answer 1

[dollar]

Скопировать ее в глобальную.

Comments

[Мелан Альботов]

Можно пример как это сделать? Уже час ломаю голову как это сделать

[dollar]

Не знаю, что именно должен делать ваш код, он очень странный, и с виду выглядит, как один большой баг. Но примерно так:

var button_global; //сюда будем запоминать

var button = document.getElementsByClassName("btn btn-secondary-1"); 
for (var i = 0; i < button.length; i++) { 
	button[i].onclick = strPad;
	function strPad() { 
		button = this.value; //Хз, что это, хрень какая-то.
		button_global = this.value; //Запоминаем
		//alert(button);
	}
}
//alert(button_global); //Нельзя читать значение из будущего.

//Ждем, когда значение появится.
//Для этого проверяем каждые полсекунды, не появилось ли оно.
var timer = setInterval(()=>{
	if (!button_global) return; //Рано. Продолжаем ждать
	clearInterval(timer); //Прекращаем отслеживать
	alert(button_global); //Выводим значение (единожды)
}, 500);

[Мелан Альботов]

dollar, передает не число, а "undefined"

[dollar]

Мелан Альботов, куда передает? Вы код мой читали? Там alert в принципе не может сработать, если button_global равен undefined, произойдет выход из функции. Мой код ждет, когда значение появится, и тогда уже выводит его, что бы это ни было.

А сразу после вашего массива ЕСТЕСТВЕННО значение undefined, ведь значение присваивается в момент нажатия на кнопку, поэтому ДО нажатия оно будет undefined.