M.js - Revision history

Andr3w at 14:53, 19 November 2023

2023-11-19T14:53:28Z

← Older revision		Revision as of 14:53, 19 November 2023
Line 1:		Line 1:
			Some handy functions for every day JavaScript
	/* returns a new element for a given tag with properties and children */		/* returns a new element for a given tag with properties and children */
	~~/* Example use...~~
	~~document.body.append($m('div',{style:'border:solid;padding:1ex;'},[~~
	~~'This is a button ',~~
	~~$m('button',{onclick:()=>alert('Hello World')},'Say Hello')~~
	~~]));~~
	function $m(tag,props,children){		function $m(tag,props,children){
	let args = [...arguments];		let args = [...arguments];

Andr3w at 14:46, 19 November 2023

2023-11-19T14:46:19Z

@@ Line 1: / Line 1: @@
-  let $i = id => document.getElementById(id);
+  /* returns a new element for a given tag with properties and children */
-  let $q = (p,context) => Array.from((context||document).querySelectorAll(p));
+ /* Example use...
- function sort(ls,f){
+  document.body.append($m('div',{style:'border:solid;padding:1ex;'},[
-  let ret = [...ls];
+   'This is a button ',
-  if (f===undefined){
+   $m('button',{onclick:()=>alert('Hello World')},'Say Hello')
-    ret.sort();
+  ]));
   function $m(tag,props,children){
    let args = [...arguments];
@@ Line 38: / Line 32: @@
    return ret;
+  }

Andr3w: Created page with " let $i = id => document.getElementById(id); let $q = (p,context) => Array.from((context||document).querySelectorAll(p)); function sort(ls,f){ let ret = [...ls]; if (f==..."

2023-11-19T14:37:48Z

Created page with " let $i = id => document.getElementById(id); let $q = (p,context) => Array.from((context||document).querySelectorAll(p)); function sort(ls,f){ let ret = [...ls]; if (f==..."

New page