如何在按下按钮时增大文本大小？

<button onclick="increaseTextSize()">增大文本大小</button>
<p id="text">这是要增大的文本</p>

<script>
function increaseTextSize() {
  var textElement = document.getElementById("text");
  var currentSize = parseInt(window.getComputedStyle(textElement).fontSize);
  var newSize = currentSize + 2; // 增大2个像素
  textElement.style.fontSize = newSize + "px";
}
</script>

<style>
  .large-text {
    font-size: 20px; /* 初始文本大小 */
  }
</style>

<button onclick="increaseTextSize()">增大文本大小</button>
<p id="text">这是要增大的文本</p>

<script>
function increaseTextSize() {
  var textElement = document.getElementById("text");
  textElement.classList.add("large-text");
}
</script>