点击后如何在按钮下显示文本？

<button id="myButton">点击我</button>
<div id="output"></div>

<script>
  const button = document.getElementById('myButton');
  const output = document.getElementById('output');

  button.addEventListener('click', function() {
    output.innerHTML = '显示的文本内容';
  });
</script>

<style>
  .myButton::after {
    content: '显示的文本内容';
    display: block;
  }
</style>

<button class="myButton">点击我</button>