Show interface ID in output instead of console

diff --git a/index.html b/index.html
index 168765670dae573c260136761f284ab2028d3d06..d9e590c6afa0149039cef5a7a143f5563e54302e 100644 (file)
--- a/index.html
+++ b/index.html
@@ -52,6 +52,10 @@
     button {
       padding: 4px 8px;
     }
+
+    output:empty::after {
+      content: '—';
+    }
   </style>
 </head>
 
@@ -67,7 +71,8 @@
 
       <button>Calculate</button>
 
-      <output></output>
+      <label for="output">Interface ID</label>
+      <output name="output" id="output"></output>
     </form>
   </main>
 
@@ -96,7 +101,7 @@
       }
 
       const xorHash = `0x${[...xor].map(b => b.toString(16).padStart(2, '0')).join('')}`;
-      console.log(xorHash);
+      e.target.elements['output'].textContent = xorHash;
     });
   </script>
 </body>