Event as function instead of string

[thipages]

Hi, Could be interesting to move from HTML.element={html='text', onclick:"update()"}; to HTML.element={html='text', onclick: ()=> update() };

A quick and dirty implementation could be to identify the two first character property starting with on

[Gurigraphics]

Why would it be better than that?

<button onclick="update()">Click me</button>

[thipages]

From a result point of view , nothing. The point is more for development

[Gurigraphics]

I think that is only more code. onclick: ()=> update() onkeypress: ()=> update() onmouseover: ()=> update() etc

[thipages]

Two advantages

1. Replace hard coding string => good for IDEs and code check
2. It allows to do in one line (a bit like style vs class) :

   HTML.element={html='text', onclick: ()=> {/* doSomething */ };

[Gurigraphics]

But this code is not mounting the HTML:

HTML.element={ 
  html='text', 
  onclick: ()=> {/* doSomething()*/ }
};
<button onclick="HTML.element.onclick()">Click me</button>

I prefer to keep this in separate module.

HTML.element={ 
  html='text', 
  onclick: "EVENT.element.click()"
};
<button onclick="EVENT.element.update()">Click me</button>
EVENT.element.click= function(){

}

Others prefer use "addEventListener". Mix events with HTML is like Vue.

[thipages]

For completion, Function may be converted to Json and then evaluated https://stackoverflow.com/questions/12651977/why-cant-you-stringify-a-function-expression https://github.com/vkiryukhin/jsonfn/blob/master/jsonfn.js