HTMLやvueにて、モーダルで開いた画面をJavaScriptから閉じる方法

最近はchatGPTにきけば大体教えてくれる。
円安の影響で月3000円ほどになってしまったけれど
優秀な秘書を雇っていると思えばめちゃ安いのでは。

しかし、久々にchatGPTに聞いても解決できないことにぶちあたったので備忘録。

やりたいのは
モーダルによって開いた画面を
JavaScriptによってcloseする処理。

結論

見えない「モーダルを閉じる」ボタンを作成し
それをJavaScriptから「クリック」してやればいい。

HTML

<button
    id="closeModalButton"
    type="button"
    class="btn-close"
    data-bs-dismiss="modal"
    aria-label="Close"
>

JavaScript

// モーダルを閉じる
const closeModalButton = document.getElementById('closeModalButton')
closeModalButton.click()

codepen使ってみました。(初めて!)

まだまだ見苦しいですが
動くものがあるって信憑性高くない！？

See the Pen JavaScript Bootstrap close modal without click by kartis (@kartis0207) on CodePen.