2023/12/6 モジュール表示制御設定について

<script>
  function observeElementAndEnableButton(targetId, buttonId, observerSelector) {
    const targetNode = document.getElementById(targetId.trim()); 
    if (!targetNode) {
      console.error(`Element with ID ${targetId} not found.`);
      return;
    }

    const button = document.getElementById(buttonId);
    if (!button) {
      console.error(`Element with ID ${buttonId} not found.`);
      return;
    }

    button.disabled = true;
    console.log("--------checkoutを非活性化--------");

    if (document.querySelector(observerSelector)) {
      button.disabled = false;
      console.log("--------checkoutを活性化（初期チェック）--------");
      return; 
    }

    const config = {
      attributes: true,
      childList: true,
      subtree: true, 
    };

    function callback(mutationsList, observer) {
      for (const mutation of mutationsList) {
        if (document.querySelector(observerSelector)) {
          button.disabled = false;
          console.log("--------checkoutを活性化--------");
          observer.disconnect(); 
          return;
        }
      }
    }

    const observer = new MutationObserver(callback);
    observer.observe(targetNode, config);
  }

  document.addEventListener("DOMContentLoaded", function() {
    observeElementAndEnableButton(
      "cart-delivery-datetime_section_os2",
      "checkout",
      ".delivery-select-container__select"
    );
  });
</script>