Как изменить переменную при нажатии кнопки?

Question

[Issue]

У меня на странице есть две кнопки, подключенный скрипт с переменной var month = Date.getMonth() - текущий месяц.
При нажатии на кнопку "далее" - необходимо изменить и запомнить состояние:
month++;

При нажатии кнопки "назад" :
month--;

Эти две операции описаны в функциях next_month() и back_month() и вызываются событием onclick в кнопке button на моей странице.

Так же результат выводится в консоль.

Возникает такая проблема, что при нажатии кнопки - фунция прибавляет или вычитает значение повторно.

Т.е.:

1. var month = Date.getMonth() // текущий месяц
   
2. Нажатие на кнопку "вперед" выводит 8-й месяц
   
3. если нажать еще раз, то он опять выводит 8-й месяц
   
4. Нажатие на кнопку "назад" выводит 6-й месяц
   
5. Повторное нажатие выводит опять 6-й месяц
   

Почему не сохраняется значение и как его сохранить на странице пользователя?

Comments

[Сергей Соколов]

покажите код. Может, month назначается каждый раз заново перед обработкой клика?

И как у вас будет идти добавление месяцев после декабря и вычитание за январь?

[Issue]

Сергей Соколов,

<div class="button_group" id="pagination">
    <button onclick="back(today)">Предыдущий месяц</button>
    <button onclick="next(today)">Следующий месяц</button>
</div>

let date = new Date();
var today = date.getMonth() + 1;
console.log('Сейчас ' + today + ' месяц');

function back(today){ // Предыдущий месяц
	today--;
	console.log('Сейчас ' + today + ' месяц');
}
function next(today){ // Следующий месяц
	today++;
	console.log('Сейчас ' + today + ' месяц');
}

[Issue]

Сергей Соколов, О вычислениях кроме этого года я еще не думал...

[Сергей Соколов]

Issue, в примере внутри функции переменная, хоть и называется так же, today, но это не та же, что «снаружи» функции. Поэтому наружняя и не меняется.

То же самое было бы с другим именем:

function back(habr){ // Предыдущий месяц
  habr--;
  console.log('Сейчас ' + habr + ' месяц');
}

[Issue]

Сергей Соколов, Действительно, ведь я передаю ее как аргумент. А как же мне передать результат в главную переменную?

[Сергей Соколов]

Issue, не передавать её! ) Её и так «видно».

function next() { // нет аргументов
  today++;
  console.log('Сейчас ' + today + ' месяц');
}

[Issue]

Сергей Соколов, Интересно, почему сразу так не сработало, где то накосячил, ведь это первое что я пробовал xD Благодарю за помощь!!!!

Answer 1

[Сергей Соколов]

для вдохновения:

Comments

[Issue]

Я не силен в JS. Получается что значение хранится не в переменной, а на странице в теге?
Что это за чудо функция - () => update(-1)?

[Сергей Соколов]

Issue, нет, хранится в переменной.

Чудо-функция это «стрелочная функция». То же самое (почти), что

function() {
  update(-1);
}

Answer 2

[Егор Данченко]

Работать с датой нужно так:

const date = new Date('07/26/2021');
let month = 1;
date.setMonth(date.getMonth() + month);

Т.е. при нажатии на кнопку вам нужно менять значение month.