Как в JS задать плюсование строки(+500 каждый раз при клике)?

Question

[Игорь]

https://jsfiddle.net/Ldn3mayL/6/

Нажимая на + должно прибавлять 2500,потом 3000 а не 2000500 в виде строки

Answer 1

[Сергей]

Проблема заключалась в том что innerHTML возвращает строку. А когда слаживаешь строку с числом происходит конкатенация.
https://jsfiddle.net/Ldn3mayL/7/

Comments

[Игорь]

prntscr.com/a5u7xn

в пункте 1 мы задаем тип данных?
это переменная такая или что?
в пункте 2 мы ссылаемя на эту переменную?

а если таких будет несколько

[Игорь]

Игорь Николаевич: увидел это глобальная переменная.1-й вопрос отпадает

[Игорь]

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

[Сергей]

да она постоянно перезаписывается.

[Игорь]

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

как на нативе добавлять класс?

[Сергей]

Игорь Николаевич: добавить класс можно через classList.
Пример
element.classList.add('className');

[Сергей]

здесь можно прочитать как работает classList
https://developer.mozilla.org/ru/docs/Web/API/Elem...

[Игорь]

Сергей: https://jsfiddle.net/Ldn3mayL/11/

как можно оптимизировать код?
что то много строк для такого функционала маленького функционал.

[MNB]

Игорь Николаевич: Не оптимизировать, а отрефакторить. Не совсем одно и тоже. Хотя оптимизировать тоже получилось

https://jsfiddle.net/Ldn3mayL/13/

[MNB]

А это ES6 версия
https://jsfiddle.net/Ldn3mayL/14/

[Игорь]

MNB: задача setValue(); сократить это выражение " res.innerHTML = number;" ,то есть вместо того чтобы писать эту переменную вызываем ту функцию ?

[MNB]

Это называется инкапсуляция.

Answer 2

[Евгений Осипов]

Вашу 20-ю строку поменять на эту
res.innerHTML = parseInt(res.innerHTML)+500;

Answer 3

[lega]

Пример: https://jsfiddle.net/lega911/nev6c4fn/

инфо тут: https://habrahabr.ru/post/272125/

Answer 4

[Алексей A]

Вы не родственники с durnevdanya случайно? Или где-то тесты вместе проходите?
Был уже похожий вопрос сегодня и код одинаковый...
Как сделать многократное повторение функции?