text: import { hello } from '../../declarations/hello';
  
  document.querySelector('form').addEventListener('submit', async (e) => {
      e.preventDefault();
      document.getElementById('greeting').innerText = '';
      const loader = document.getElementById('loader');
  
      const button = e.target.querySelector('button');
  
      const name = document.getElementById('name').value.toString();
  
      loader.style.visibility = 'visible';
      button.setAttribute('disabled', true);
      document.getElementById('name').setAttribute('disabled', true);
  
      // Interact with foo actor, calling the greet method
      const greeting = await hello.greet(name);
  
      loader.style.visibility = 'hidden';
      button.removeAttribute('disabled');
      document.getElementById('name').removeAttribute('disabled');
      document.getElementById('greeting').innerText = greeting;
  
      return false;
  });
  