如何修改代码实现点击按钮时按指定步长递增变量？

很简单的调整就能实现你的需求，核心是把自增步长从1改成14，同时完善初始值的显示，具体修改如下：

• 页面加载后先把初始值14显示到.result元素里，这样打开页面就能看到初始数值
• 把点击事件里的i++（每次加1）替换成i += 14（每次加14）

修改后的完整代码：

<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>
<script>
var i = 14;
// 初始化显示初始值
$('.result').text(i);
$('.click').click(function() {
  i += 14; // 每次递增14
  $('.result').text(i);
});
</script>

小细节说明： #

原来的i++是后置自增运算符，会先返回当前的i值，再把i加1。如果直接把i++换成i +=14但不初始化显示的话，第一次点击会直接显示28（因为初始i是14，点击后加14变成28再显示），而你想要的序列是14 → 28 → 42...，所以必须先初始化显示初始的14，这样点击按钮后才会依次递增到目标数值。

如果你确实希望初始不显示数值，第一次点击才显示28，那可以去掉初始化的那行代码，只保留点击事件里的i +=14和更新文本的逻辑。

内容的提问来源于stack exchange，提问作者8X3ETcA7fqD