Как мне добавить определенное число каждый раз, когда нажмите?

Question

У меня есть var i = 14, и кнопка, которая увеличивает i++.

Когда я нажимаю на кнопку, я добавляю каждый раз +1. Пример 14, 15, 16, 17.

Я хочу сделать шаг не с 1, а с 14. Пример 14, 28, 42?

https://jsfiddle.net/xLwDgZODc/zkont5d4/

var i = 14;

$('.click').click(function() {
  $('.result').text(i++);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span class='result'></span>
<button class="click">Click</button>

Answer 1

Вы можете добавить требуемое значение в переменную.

var i = 14;

$('.click').click(function() {
    $('.result').text(i += 14);
});

Answer 2

Просто, чтобы добавить альтернативную опцию, вы можете использовать <input type="number" />, поскольку она предлагает именно ту функциональность, которую вы хотите, используя атрибут step:

<input type="number" value="14" step="14" />

Затем, если вы хотите, чтобы переменная обновлялась с каждым увеличением / уменьшением, просто добавьте eventListener:

var i;

stepper.addEventListener('input', () => { i = result.textContent = stepper.value; console.log(i); })

<input type="number" value="14" step="14" id="stepper" />
<span id="result">14</span>

Answer 3

var i = 14;

$('.click').click(function() {
    $('.result').text(i += 14);
});
//Since your increment is by 14 i+=14

Answer 4

Просто добавьте свой шаг к i, см. Ниже скрипку:

var i = 14;
var step = 14;

$('.click').click(function() {
	 $('.result').text(i);
     i += step;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="click">click</button><br />
Result :<div class="result">
  
</div>

Answer 5

Я думаю, что вы хотите увеличивать переменную i на +1 каждый раз, пока она не станет выше или равна 14, тогда она начнет увеличиваться на +14. Вот сценарий, который я сделал для вашей проблемы, надеюсь, вам понравится!

var i = 0;

$('.click').click(function() {
  i < 14 ? i++ : i += 14;
  $("#counter").text(i);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="counter">0</span>
<button class="click">Click</button>