addTask skeleton

ts/elemwrapper.ts

@@ -1,28 +1,32 @@
 export class ElemWrapper {
     public elem: HTMLElement;
-    public appendChild: (node: Node) => void;
-    public setAttribute: (name: string, value: string) => void;
+
     public style: CSSStyleDeclaration;
     public classList: DOMTokenList;
+
     public addEventListener: (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined) => void;
-    public remove: (node: Node) => void;
+    public appendChild: (node: Node) => void;
     public cloneNode: (deep?: boolean | undefined) => Node;
     public contains: (node: Node) => boolean;
-    public querySelectorAll: (selectors: string) => NodeListOf<Element>;
     public querySelector: (selectors: string) => Element | null;
+    public querySelectorAll: (selectors: string) => NodeListOf<Element>;
+    public remove: (node: Node) => void;
+    public setAttribute: (name: string, value: string) => void;
 
     constructor(elem: HTMLElement) {
         this.elem = elem;
-        this.appendChild = this.elem.appendChild.bind(this.elem);
-        this.setAttribute = this.elem.setAttribute.bind(this.elem);
+
         this.style = this.elem.style;
         this.classList = this.elem.classList;
+
         this.addEventListener = this.elem.addEventListener.bind(this.elem);
-        this.remove = this.elem.remove.bind(this.elem);
+        this.appendChild = this.elem.appendChild.bind(this.elem);
         this.cloneNode = this.elem.cloneNode.bind(this.elem);
-        this.contains = this.elem.contains.bind(this.elem);
-        this.querySelectorAll = this.elem.querySelectorAll.bind(this.elem);
+        this.contains = this.elem.contains.bind(this.elem); 
         this.querySelector = this.elem.querySelector.bind(this.elem);
+        this.querySelectorAll = this.elem.querySelectorAll.bind(this.elem);
+        this.remove = this.elem.remove.bind(this.elem);
+        this.setAttribute = this.elem.setAttribute.bind(this.elem);
     }
 
     static create(tagName: string) {
@@ -43,4 +47,8 @@ export class ElemWrapper {
 
         return elem;
     }
+
+    setID(id: string) {
+        this.elem.id = id;
+    }
 }