Introduce token methods output box

Author: pedronfigueiredo

src/index.html

@@ -417,6 +417,10 @@ <h4 class="card-title">
                 >
                   Approve Tokens Without Gas
                 </button>
+
+                <p class="info-text alert alert-secondary">
+                  Token methods result: <span id="tokenMethodsResult"></span>
+                </p>
               </div>
             </div>
           </div>

src/index.js

@@ -174,6 +174,8 @@ const approveTokensWithoutGas = document.getElementById(
   'approveTokensWithoutGas',
 );
 
+const tokenMethodsResult = document.getElementById('tokenMethodsResult');
+
 // Encrypt / Decrypt Section
 const getEncryptionKeyButton = document.getElementById(
   'getEncryptionKeyButton',
@@ -920,6 +922,7 @@ const clearDisplayElements = () => {
   cleartextDisplay.innerText = '';
   batchTransferTokenIds.value = '';
   batchTransferTokenAmounts.value = '';
+  tokenMethodsResult.value = '';
 };
 
 const updateOnboardElements = () => {
@@ -1777,8 +1780,9 @@ const initializeFormElements = () => {
         { from: accounts[0] },
       );
       console.log('result', result);
+      tokenMethodsResult.innerHTML = result;
     } catch (error) {
-      tokenAddresses.innerHTML = error.message;
+      tokenMethodsResult.innerHTML = error.message;
     }
   };