JSFiddle - React, Tailwind, and code Playground

by Ace Tributon

HTML

<style id='style'></style>
<div class='demo'><p>
This is a testing grounds for new HTML short-coding.  If javaScript isnt Enabled, please enable.  Otherwise contact dev at [email protected] by Pressing F12 and copy whats in the Console Tab!</p>
</div>

CSS

/* 
this is blank,
please refer back to html tab!
*/

JavaScript

const
  $=[//list of entire array w(0)
  	[ //lists of functions and duties x(0,x)
    	(ele,out)=>document.querySelectorAll(ele).forEach(out),
      (ele,out)=>x(0,0)(ele,x=>x.innerHTML+=out),
      (ele,out)=>x(0,0)(ele,x=>x.innerHTML=out),
      ele=>x(0,0)(ele,x=>x.innerHTML=''),
      (ele,out)=>x(0,0)(ele,x=>x.style=out),
      out=>x(0,1)('#style',out),
      (ele,out)=>x(0,1)(ele,x=>x.click=out)
    ],[ //lists of html shortcuts x(1,x)
    	(a,...b)=>`<div class='${a}'>${b.join('')}</div>`,
      (a,...b)=>`<p class='${a}'>${b.join('')}</p>`,
      (a,...b)=>`<a class='${a}'>${b.join('')}</a>`,
      a=>`<div class='${a}'></div>`,
      (a,b)=>`<img src='${a}' alt='${b}' title='${b}'></img>`
    ],[//lists of html anchor and links x(2,x) 
    	(a,b,...c)=>`<div id='${a}' class='${b}'>${c.join('')}</div>`,
      (a,b,...c)=>`<p id='${a}' class='${b}'>${c.join('')}</p>`,
      (a,b,...c)=>`<a href='${a}' class='${b}'>${c.join('')}</a>`,
    ],[//lists of repetitive stored variables x(3,x)
      [//lists of fruit y(3,0,x)
        'Apple',
        'Orange',
        'Banana',
        'Grapes',
        'Blueberry',
        'Plum',
        'Blackberry',
        'Pineapple'
      ],[//lists of color y(3,1,x)
        'red',
        'orange',
        'yellow',
        'green',
        'blue',
        'purple',
        'black',
        //null
  ]]],
  
  //converts array into functional parentheses
	//w-y converts arrays into functional parameters
  w=a=>$[a],x=(a,b)=>$[a][b],y=(a,b,c)=>$[a][b][c],  
  //converts arrays into curry blended function
	//a-d converts array and parameters into
	//one function with many parameters
  a=(a,b,c,...d)=>		x(a,b)(c,d.join('')),
  b=(a,b,c,d,...e)=>	y(a,b,c)(d,e.join('')),
  c=(a,b,...c)=>			x(a,b)(c.join('')),
  d=(a,b,c,d,...e)=>	x(a,b)(c,d,e.join(''));

//call host first before for looping
a(0,2,'.demo',
	a(1,0,'container',
  	a(1,4,'http://cdn.funnyisms.com/9c86859c-c280-47a5-977e-1024486cf89b.jpg',
    	'dem loops...