Как написать событие при изменении переменной на JQuerry?

Question

[konstantinborodov]

var qwe = 1
    
    $(".tab_btn").click(function (){
        
    qwe=qwe+1
    console.log(qwe);
        
    });
    
    //////вот тут вопрос
    $(qwe).change(function (){
       console.log("Ssssss"); 
    });

Нужно чтобы выводилось в консоль при каждом изменении переменной qwe, прошу прощения за вопрос новичка в JQuery(

Comments

[Евгений]

Это вопрос не новичка в jQuery, а новичка в Javascript. Вам сначала надо изучить язык, а потом писать. Разработка методом копи-пасты и случайного изменения существующего кода, с исправлением ошибок по вопросам на тостере/StackOverflow - это тупиковый путь, который не поможет ни вам, ни кому-либо другому.

Начните с чтения туториалов/книг по Javascript. Выясните разницу между языком программирования Javascript, jQuery, HTML, DOM.

Answer 1

[Stalker_RED]

Никак. Но вы можете создать свое событие или просто вызывать нужную функцию в том-же месте, где изменяете переменную.

Comments

[konstantinborodov]

Функция - не подходит видимо - этот код упрощен, у меня сложный калькулятор, и переменная меняется эдак местах в 20. Свое событие? Это как? Направьте пожалуйста где учиться, а если вот на этом примере фидл зальете то я вам лучей добра накидаю)))))))))

[Stalker_RED]

konstantinborodov: Ну как-то так: https://www.google.com/search?q=js+события
Кроме встроенных событий браузера вы можете создавать собственные. в некоторых случаях это удобнее, чем вызов функций.
Если у вас калькулятор, то стандартным подходом является пересчет значений при событиях click и keyup.

Answer 2

[Kostya Gorozhanov]

var a = {
	_qwe: 0,
  get qwe() {
    return this._qwe;
  },
  set qwe(val) {
    console.log(val);
    this._qwe = val;
  }
};
a.qwe = 10;
console.log(a.qwe)

Comments

[konstantinborodov]

можете обьяснить? что мы сделали?

[Kostya Gorozhanov]

https://learn.javascript.ru/descriptors-getters-se...

Answer 3

[Антон Иванов]

Вам нужно обратить внимание на watchers.
https://abdulapopoola.com/2015/04/17/how-to-watch-...

Но работает это не везде (вроде как в FF и Chrome-like браузерах).

Comments

[Антон Иванов]

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

Answer 4

[Lorem Ipsum]

Может будет работать:)
<input type="hidden" id="qwe-val" value="">

var qwe = 1,
    qweInput = $('#qwe-val');
    
$(".tab_btn").click(function (){
    qwe=qwe+1
    qweInput.val(qwe);
    console.log(qwe);
});

qweInput.change(function (){
    console.log("Ssssss");
});

Comments

[konstantinborodov]

qweInput.change(function (){
console.log("Ssssss");
});

не работает
Он будто не отслеживает изменения при изменении числа внутри