Zeigen Sie den aktuellen Wallet-Guthaben von Tera Wallet auf der Elementor-Seite mit HTML und JavaScript an

Question

Ich habe Tera Wallet auf meiner WordPress-Website implementiert, das den aktuellen Kontostand in einem bestimmten Textelement auf einer Seite anzeigt. Jetzt möchte ich den aktuellen Saldotext abrufen und ihn in einem bestimmten Textelement auf einer anderen Seite anzeigen, die mit Elementor unter Verwendung von HTML und JavaScript erstellt wurde.

Auf der Seite mit dem Wallet-Kontostand ist die HTML-Struktur wie folgt:

<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>

Auf einer anderen mit Elementor erstellten Seite habe ich ein HTML-Element mit einer bestimmten CSS-Klasse (z. B. ), in dem ich den aktuellen Wallet-Kontostand anzeigen möchte. Die Elementor-Seitenstruktur ist wie folgt:

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

Ich möchte den aktuellen Saldotext (z. B. „$500,00“) von der ersten Seite abrufen und ihn dynamisch in einem 元素中余额显示-Element mit der ID

Balance Display

auf der zweiten Seite anzeigen.

Kann mir jemand beim Codieren von HTML und JavaScript helfen? Dieser Code kann den Wallet-Guthabentext von einer Seite extrahieren und ihn auf einer anderen Seite mit Elementor, HTML und JavaScript anzeigen?

🎜Danke für deine Hilfe! 🎜

Answer 1

我使用 tera 钱包的短代码“[mini-wallet]”来显示钱包余额。