解决Bootstrap 5表单提交后提示框（Alert）仅显示一次的问题

<div class="alert my-alert alert-warning alert-dismissible fade show d-none" role="alert">
  <strong>Thank you!</strong> We have received your message.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

const myAlert = document.querySelector('.alert');

// ... 其他代码 ...

form.addEventListener('submit', e => {
  e.preventDefault();
  // ... 显示加载状态 ...
  fetch(scriptURL, { method: 'POST', body: new FormData(form) })
    .then(response => {
      // ... 隐藏加载状态 ...
      myAlert.classList.toggle('d-none'); // 首次有效，之后无效
      form.reset();
      console.log('Success!', response);
    })
    .catch(error => console.error('Error!', error.message));
});

<div class="alert my-alert alert-warning alert-dismissible fade show d-none" role="alert">
  <strong>Thank you!</strong> We have received your message.
  <button type="button" class="btn-close" onclick="hideMyAlert()" aria-label="Close"></button>
</div>

const scriptURL = 'https://script.google.com/macros/s/AKfycbzAovQklbPcjlV0Z0MAgTrvDR--cWl3mhWyfwcOneOcSbRPBnk_cSTCP2LOcUCiG5/exec'; // 替换为你的实际URL
const form = document.forms['portofolio-contact-form'];
const myAlert = document.querySelector('.my-alert'); // 使用更具体的类选择器确保选中正确的Alert
const btnKirim = document.querySelector('.my-btn');
const btnLoading = document.querySelector('.btn-loading');

// 表单提交事件监听器
form.addEventListener('submit', e => {
    e.preventDefault(); // 阻止表单默认提交行为

    // 显示加载状态，隐藏提交按钮
    btnLoading.classList.remove('d-none');
    btnKirim.classList.add('d-none');

    // 发送数据到Google Apps Script
    fetch(scriptURL, { method: 'POST', body: new FormData(form) })
        .then(response => {
            // 隐藏加载状态，显示提交按钮
            btnLoading.classList.add('d-none');
            btnKirim.classList.remove('d-none');

            // 移除 d-none 类以显示Alert
            myAlert.classList.remove('d-none');
            form.reset(); // 重置表单
            console.log('Success!', response);
        })
        .catch(error => {
            console.error('Error!', error.message);
            // 错误时也要恢复按钮状态
            btnLoading.classList.add('d-none');
            btnKirim.classList.remove('d-none');
            // 可以考虑显示一个错误提示
        });
});

// 自定义函数：隐藏Alert
function hideMyAlert() {
    myAlert.classList.add('d-none'); // 添加 d-none 类以隐藏Alert
}