added scan and collect funcs

Author: ujjwal-kr

client/index.html

@@ -60,6 +60,10 @@ <h1>EPIC_Tracker</h1>
             you. Doing this with a browser requires permissions, but I have skipped it due to security reasons.
         </code>
 
+        <button class="optIn">OPT</button>
+        <br>
+        <button class="scanButton">SCAN</button>
+
         <div class="copy">
             <p>
                 <a href="https://github.com/ujjwal-kr/ip-sniff">&copy; ujjwal-kr</a>

client/index.js

@@ -162,6 +162,23 @@ nowFetch().then(response => {
         console.log(e)
     })
 
+    const optIn = document.querySelector('.optIn')
+    optIn.addEventListener('click', (e) => {
+        e.preventDefault()
+        collectHASH(HASH).then(resp => {console.log(resp)})
+        .catch(e => {console.log(e)})
+    })
+
+    const scanButton = document.querySelector('.scanButton')
+    scanButton.addEventListener('click', async (e) => {
+        await collectHASH(HASH).then(resp => {console.log(resp)})
+        .catch(e => {console.log(e)})
+
+        scan().then(resp => {
+            console.log(resp)
+        }).catch(e => {console.log(e)})
+    })
+
     console.log("HASH:" + HASH)
     const hashPhrase = `Your identity HASH: ${HASH}`
     const ipPhrase = `Your IP address is ${data.ip}.`;