How to implement a custom way of accessing EventListener?

Question

So basically I'm making my own Javascript framework/library. It has gone pretty good but I'm stuck on making my custom way of adding event listener.

Here's my code:

function $Listen(to,type,action){
    to.addEventListener(type{action});
}

My expected result was such that you could now do something like this:

var tag=document.getElementById("tag")
$Listen(to=tag, type="click",action=function(){ 
 alert("Hello")
});

Basically meaning when you click "tag" it alerts hello world, but the problem is, this script doesn't work. Is there anyway to make this code work? Also is there any way to make it easier to use my eventListener. for example:

    tag.$Listen("click",function(){
   //code goes here
    })

If you can that will be great, but just so you don't confuse me too much, please first focus on fixing my error, and if you have time, then you can find a way to make it easier. Also, I enjoy the more lower lines code, or simpler owners, just keep that in mind. THANKS!

Answer 1

You can add that function to Element.prototype as follow:

Prototype Inheritance. All JavaScript objects inherit properties and methods from a prototype. ... Person objects inherit from Person.prototype. The Object.prototype is on the top of the prototype inheritance chain: Date objects, Array objects, and Person objects inherit from Object.prototype.

When a function is created in JavaScript, JavaScript engine adds a prototype property to the function. This prototype property is an object (called as prototype object) has a constructor property by default. constructor property points back to the function on which prototype object is a property.

Actually, I don't know what you need to do that. But here I go:

Element.prototype.$Listen = function(type, action) {
  this.addEventListener(type, action);
}

var tag = document.getElementById("tag");
tag.$Listen("click", function() {
  alert(this.name)
});

<button id='tag' name='EleFromStack'>Click me!</button>

Look at this question to understand a little about Prototype