能否使用.on('click')方法实现点击按钮时对数值进行累加操作？

问题原因 #

• 你代码里的.on('click')方法只声明了监听的事件类型，没有传入点击触发时要执行的回调函数，所以没有任何执行逻辑生效。
• 缺少数值累加以及结果更新的相关逻辑。

修正后代码 #

JavaScript 代码 #

import 'bootstrap@4.6.0'
import $ from 'jquery'
const number = {
  number:0  
};
$('button')
  .html('Click me')
  .on('click', function() {
    // 数值累加逻辑
    number.number += 1;
    // 控制台打印结果方便调试，不需要可删除
    console.log('当前数值：', number.number);
    // 若需要将数值展示在按钮上，保留下行代码即可
    $(this).text(`点击次数：${number.number}`);
  })

其他代码说明 #

你现有提供的 HTML 和 CSS 代码无需修改，可直接正常使用。

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