我在我的 WordPress 網站上實作了 Tera Wallet，它在一頁上的特定文字元素中顯示當前餘額。現在，我想檢索當前餘額文字並將其顯示在使用 HTML 和 JavaScript 使用 Elementor 建立的另一個頁面上的特定文字元素中。

在顯示錢包餘額的頁面上，HTML結構如下：

<div class="woo-wallet-content">
    <div class="woo-wallet-content-heading">
        <h3 class="woo-wallet-content-h3">Balance</h3>
        <p class="woo-wallet-price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>500.00</bdi></span></p>
    </div>
</div>

在使用Elementor 建立的另一個頁面上，我有一個帶有特定CSS 類別的HTML 元素（例如），我想在其中顯示當前錢包平衡。 Elementor 頁面結構如下所示：

<div class="elementor-text-class">Current Wallet Balance: <span id="balance-display"></span></div>

我想從第一頁檢索目前餘額文字（例如“$500.00”），並使用ID 將其動態顯示在 元素中餘額顯示在第二頁。

有人可以幫我寫 HTML 和 JavaScript 程式碼嗎？該程式碼可以從一個頁面提取錢包餘額文本，並使用 Elementor、HTML 和 JavaScript 將其顯示在另一個頁面上？

感謝您的幫忙！