[~] Refactor

deps/greasyfork/linkedin.user.js

@@ -206,12 +206,36 @@ div.online-fxreader-linkedin {
     GM_addElement('script', {
       "textContent": `
 class Linkedin {
+  constructor() {
+    this.ui = {
+      root: () => {
+        return document.getElementsByClassName('online-fxreader-linkedin');
+      },
+    };
+
+    this.ui.search = () => {
+      let search = this.ui.root().getElementsByClassName('.search')[0];
+      let search_input = search.getElementsbyTagName('input')[0];
+      return search_input;
+    };
+  }
+
   blah(class_name) {
     console.log('blah');
     Array.from(
       document.getElementsByClassName(class_name)
     ).forEach((o) => o.remove());
   }
+
+  search_on_change() {
+    let self = this;
+    let search = self.ui.search();
+    search.setAttribute(
+      'search',
+      search.value
+    );
+    console.log(search.value);
+  }
 };
 const online_fxreader_linkedin = new Linkedin();
 
@@ -234,8 +258,8 @@ const online_fxreader_linkedin = new Linkedin();
     let search = $('<div>').addClass('search').append(
       $('<input>')
     ).attr(
-      'onchange',
+      'onkeyup',
-      `function() {this.setAttribute('search', this.value); console.log(this.value);}`
+      `online_fxreader_linkedin.search_on_change()`,
     );
     self.ui.root.append(search);