deji_demo/main copy.js

<div class="container">
    <div>
        <a wml-openURL="https://wails.io">
            <img src="/wails.png" class="logo" alt="Wails logo"/>
        </a>
        <a wml-openURL="https://developer.mozilla.org/en-US/docs/Web/JavaScript">
            <img src="/javascript.svg" class="logo vanilla" alt="JavaScript logo"/>
        </a>
    </div>
    <h1>Wails + Javascript</h1>
    <div class="card">
        <div class="result" id="result">Please enter your name below 👇</div>
        <div class="input-box" id="input">
            <input class="input" id="name" type="text" autocomplete="off"/>
            <button class="btn" onclick="doGreet()">Greet</button>
        </div>
    </div>
    <div class="footer">
        <div><p>Click on the Wails logo to learn more</p></div>
        <div><p id="time">Listening for Time event...</p></div>
    </div>
</div>

import {GreetService} from "./bindings/djdemo";
import {Events} from "@wailsio/runtime";

const resultElement = document.getElementById('result');
const timeElement = document.getElementById('time');

window.doGreet = () => {
    let name = document.getElementById('name').value;
    if (!name) {
        name = 'anonymous';
    }
    GreetService.Greet(name).then((result) => {
        resultElement.innerText = result;
    }).catch((err) => {
        console.log(err);
    });

    GreetService.Customer(name).then((result) => {
        console.log(result.Cate)
        console.log(result.Value)
    }).catch((err) => {
        console.log(err);
    });
}

Events.On('time', (time) => {
    timeElement.innerText = time.data;
});