Afficher le solde actuel du portefeuille de Tera Wallet sur la page Elementor en utilisant HTML et JavaScript

Question

J'ai implémenté Tera Wallet sur mon site WordPress qui affiche le solde actuel dans un élément de texte spécifique sur une page. Maintenant, je souhaite récupérer le texte du solde actuel et l'afficher dans un élément de texte spécifique sur une autre page créée à l'aide d'Elementor en utilisant HTML et JavaScript.

Sur la page affichant le solde du portefeuille, la structure HTML est la suivante :

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

Sur une autre page créée avec Elementor, j'ai un élément HTML avec une classe CSS spécifique (par exemple ) où je souhaite afficher le solde actuel du portefeuille. La structure des pages Elementor est la suivante :

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

Je souhaite récupérer le texte du solde actuel (par exemple "500,00 $") de la première page et l'afficher dynamiquement dans un élément 元素中余额显示 en utilisant l'ID

Affichage du solde

sur la deuxième page.

Quelqu'un peut-il m'aider à coder le HTML et le JavaScript ? Ce code peut extraire le texte du solde du portefeuille d'une page et l'afficher sur une autre page à l'aide d'Elementor, HTML et JavaScript ?

🎜Merci pour votre aide ! 🎜

Answer 1

J'utilise le shortcode du portefeuille tera « [mini-wallet] » pour afficher le solde du portefeuille.