如何制作两个<button>标签，其中一个触发文本，另一个删除文本？

<button id="triggerBtn">触发文本</button>
<button id="deleteBtn">删除文本</button>

// 获取按钮元素
var triggerBtn = document.getElementById("triggerBtn");
var deleteBtn = document.getElementById("deleteBtn");

// 添加事件监听器
triggerBtn.addEventListener("click", function() {
  // 在页面上显示文本
  var text = document.createElement("p");
  text.textContent = "这是要显示的文本";
  document.body.appendChild(text);
});

deleteBtn.addEventListener("click", function() {
  // 从页面上删除文本
  var text = document.querySelector("p");
  if (text) {
    text.parentNode.removeChild(text);
  }
});