如何在按钮被单击时将其禁用？

<button id="myButton">点击按钮</button>

<script>
  var button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    button.disabled = true;
  });
</script>

<button id="myButton" class="enabled">点击按钮</button>

<style>
  .enabled {
    /* 按钮可用时的样式 */
  }

  .disabled {
    /* 按钮禁用时的样式 */
    pointer-events: none; /* 禁用按钮的点击事件 */
    opacity: 0.5; /* 改变按钮的透明度 */
  }
</style>

<script>
  var button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    button.classList.add('disabled');
  });
</script>