如何在点击时更改数值？

// HTML
<button id="myButton">点击我</button>
<p id="myValue">0</p>

// JavaScript
const button = document.getElementById('myButton');
const value = document.getElementById('myValue');

button.addEventListener('click', function() {
  // 更新数值
  value.textContent = parseInt(value.textContent) + 1;
});

// HTML
<button id="myButton">点击我</button>
<p id="myValue">0</p>

// JavaScript (使用jQuery)
$('#myButton').click(function() {
  // 更新数值
  $('#myValue').text(parseInt($('#myValue').text()) + 1);
});

<!-- HTML -->
<div id="app">
  <button @click="increment">点击我</button>
  <p>{{ value }}</p>
</div>

<!-- JavaScript (使用Vue.js) -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
  el: '#app',
  data: {
    value: 0
  },
  methods: {
    increment() {
      // 更新数值
      this.value++;
    }
  }
});
</script>