<div>
    <button id="button">
        更新用户指南
    </button>
    <script type="module">
        {
            /* 自定义 ID */
            const CUSTOM_ID = "E4555D40-2E2B-4C40-9598-AE05B77CEB9F";
            /**
             * HTML 块中的脚本获取当前块相关信息
             * @param {string} customID 内部定义的 ID
             * @returns {string} id 当前 HTML 块 ID
             * @returns {HTMLElement} block 当前 HTML 块
             * @returns {HTMLElement} shadowRoot 当前 HTML 块 shadowRoot
             */
            function This(customID) {
                let protyle = document.querySelector(`protyle-html[data-content*="${customID}"]`);
                if (protyle) {
                    let block = protyle.parentElement.parentElement;
                    return {
                        id: block.dataset.nodeId,
                        block: block,
                        shadowRoot: protyle.shadowRoot,
                    };
                } else return null;
            }

            const NOTEBOOKS_ID_LIST = [
                "20210808180117-czj9bvb", // 简体中文用户指南
                "20211226090932-5lcq56f", // 繁体中文用户指南
                "20210808180117-6v0mkxr", // 英文用户指南
            ]; // 用户指南笔记本 ID 列表
            const URL = "/api/notebook/openNotebook"; // 重新打开笔记本的 API
            const THIS = This(CUSTOM_ID); // 获取当前 HTML 块相关信息
            const BUTTON = THIS.shadowRoot.getElementById("button"); // 获取按钮元素

            async function reOpenUserGuide() {
                NOTEBOOKS_ID_LIST.forEach(notebook_id => {
                    fetch(URL, {
                        body: JSON.stringify({
                            notebook: notebook_id,
                        }),
                        method: 'POST',
                    });
                });
            }

            BUTTON.addEventListener("click", reOpenUserGuide);
        }
    </script>
</div>

<div>
    123
</div>

<div>
    123
</div>
</div>