Show error message on UI to notify the user

diff --git a/index.html b/index.html
index 76e5adbdd0b445ad2808ac7271603c316375da34..080d980378a74383f9f7055221a9225e41836205 100644 (file)
--- a/index.html
+++ b/index.html
@@ -83,8 +83,13 @@
         document.querySelector('#out-header').textContent = `[\n  ${header.join(',\n  ')}\n]`;
         document.querySelector('#out-rlp').textContent = rlp;
         document.querySelector('#out-hash').textContent = hash;
-        document.querySelector('output').style.setProperty('display', 'unset');
       }
+      else {
+        document.querySelector('#out-header').textContent = `Unable to retrieve block header. Error: ${response?.message ?? 'Other'}`;
+        document.querySelector('#out-rlp').textContent = 'N/A';
+        document.querySelector('#out-hash').textContent = 'N/A';
+      }
+      document.querySelector('output').style.setProperty('display', 'unset');
 
       e.target.removeAttribute('data-loading');
     });