added input form element to select files for pinning

src/index.js

@@ -7,29 +7,34 @@ async function initialize() {
     const node = await IPFS.create();
     const node_info = await node.id();
     console.log('ipfs node id: ' + node_info.id);
-    const pin = await node.add(
-        'webpacked ' + node_info.agentVersion
-        + ' ' + node_info.id
-        + ' at ' + (new Date()).toISOString()
-    );
-    console.log("https://ipfs.io/ipfs/" + pin.cid.toString());
-    const pin_list = document.createElement('ul');
+    const fileReader = new FileReader();
+    fileReader.onload = async function() {
+        const pin = await node.add(fileReader.result);
+        console.log("https://ipfs.io/ipfs/" + pin.cid.toString());
+    };
+    const fileSelector = document.createElement('input');
+    fileSelector.type = 'file';
+    fileSelector.onchange = function(x) {
+        fileReader.readAsBinaryString(fileSelector.files[0]);
+    };
+    document.body.appendChild(fileSelector);
+    const pinList = document.createElement('ul');
     for await(const { cid, type } of node.pin.ls()) {
         const item = document.createElement('li');
         const link = document.createElement('a');
         link.href = "https://dweb.link/ipfs/" + cid.toString();
         link.innerText = cid.toString();
         item.appendChild(link);
-        const unpin_button = document.createElement('button');
-        unpin_button.innerText = 'unpin';
-        unpin_button.onclick = async function() {
+        const unpinButton = document.createElement('button');
+        unpinButton.innerText = 'unpin';
+        unpinButton.onclick = async function() {
             await node.pin.rm(cid);
-            unpin_button.remove();
+            unpinButton.remove();
         };
-        item.appendChild(unpin_button);
-        pin_list.appendChild(item);
+        item.appendChild(unpinButton);
+        pinList.appendChild(item);
     }
-    document.body.appendChild(pin_list);
+    document.body.appendChild(pinList);
 }
 
 initialize();