如何显示弹出“成功”或“错误”后，我点击了更新按钮，它是一个模式

<div id="popup" class="popup">
  <div class="popup-content">
    <span id="popup-message"></span>
    <button id="popup-close">关闭</button>
  </div>
</div>

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
}

.popup-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

#popup-close {
  margin-top: 10px;
}

// 获取弹窗元素和关闭按钮元素
var popup = document.getElementById("popup");
var closeButton = document.getElementById("popup-close");

// 点击更新按钮时显示弹窗
function showPopup(message, isSuccess) {
  var popupMessage = document.getElementById("popup-message");
  popupMessage.textContent = message;
  
  if (isSuccess) {
    popupMessage.style.color = "green";
  } else {
    popupMessage.style.color = "red";
  }
  
  popup.style.display = "flex";
}

// 点击关闭按钮时隐藏弹窗
closeButton.addEventListener("click", function() {
  popup.style.display = "none";
});

updateButton.addEventListener("click", function() {
  // 更新逻辑...
  
  if (更新成功) {
    showPopup("成功", true);
  } else {
    showPopup("错误", false);
  }
});