JSFiddle - React, Tailwind, and code Playground

by Ace Tributon

HTML

<div id='demo'>
hello world
</div>

JavaScript

/*(logme=>console.log(logme))('ree')
.then(console.log('oh really now?'))
.catch(console.log('you teeted my friend'))*/

(
  ({log}=console)=>
  (
    log('sequence initializing'),
    ((time,...argst)=>
      (argst.length <= 0)?'':
      (chain=i=>
        (i >= argst.length || typeof argst[i] !== 'function') ?'':
        window.setTimeout(()=>(argst[i](),chain(i + 1)), time)
      )(0)
    )(1000,()=>log('ree'),()=>log('roo')),log('sequence initializing?'))
)()

var $=(sel,method,...b)=>
	document.querySelectorAll(sel).forEach(i=>
		method==='add'?i.innerHTML+=b.join('')
		:method==='change'?(i.innerHTML=b[0],b.join(''))
		:method==='erase'?i.innerHTML=''
    :method==='click'?(i.onclick=b[0],b.join(''))
		:console.log('invalid parameter')
);

$('#demo','add','<div id="menu">heres yer menu</div>','<button id="clickme">click me</button>');
$("#menu",'change','yeet',$('#clickme','click',()=>alert('ive been clicked!')));