github.com/secoba/wails/v2@v2.6.4/pkg/templates/generate/assets/vanilla/frontend/src/main.js (about)

     1  import './style.css';
     2  import './app.css';
     3  
     4  import logo from './assets/images/logo-universal.png';
     5  import {Greet} from '../wailsjs/go/main/App';
     6  
     7  document.querySelector('#app').innerHTML = `
     8      <img id="logo" class="logo">
     9        <div class="result" id="result">Please enter your name below 👇</div>
    10        <div class="input-box" id="input">
    11          <input class="input" id="name" type="text" autocomplete="off" />
    12          <button class="btn" onclick="greet()">Greet</button>
    13        </div>
    14      </div>
    15  `;
    16  document.getElementById('logo').src = logo;
    17  
    18  let nameElement = document.getElementById("name");
    19  nameElement.focus();
    20  let resultElement = document.getElementById("result");
    21  
    22  // Setup the greet function
    23  window.greet = function () {
    24      // Get name
    25      let name = nameElement.value;
    26  
    27      // Check if the input is empty
    28      if (name === "") return;
    29  
    30      // Call App.Greet(name)
    31      try {
    32          Greet(name)
    33              .then((result) => {
    34                  // Update result with data back from App.Greet()
    35                  resultElement.innerText = result;
    36              })
    37              .catch((err) => {
    38                  console.error(err);
    39              });
    40      } catch (err) {
    41          console.error(err);
    42      }
    43  };