JSFiddle - React, Tailwind, and code Playground

by saidulu401

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/7.8.1/rxjs.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/7.8.1/rxjs.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/5.6.3/typescript.min.js"></script>

JavaScript

/* function testCallbackFn(x){
console.log('console in call back x:',x)
}
function myFn(y,z,callBackFn){
return callBackFn(y+z)
}
myFn(1,2,testCallbackFn) */


/* function myFn(y,z,callBackFn){
console.log('console in function  y:',y)
setTimeout(()=>{
callBackFn(y+z)
},1000)
 
}
myFn(1,2,(x)=>{console.log('console in call back x:',x)}) */

/* function myFn(y,z){
console.log('console in function  y:',y)
return new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(y+z)
},1000)
})

 
}
myFn(1,2).then((re)=>{console.log('results',re)}) */

/* async function myFn (y,z){
console.log('console in function  y:',y)
return new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(y+z)
},1000)
})

}
async function fn(){
const re = await myFn(1,2);
console.log('results',re)
}
fn() */

/* const arr = [1,2,3,4,5,6,7,8,9,10];
function getSum(arr){
return arr.reduce((a,val)=>a+val)
}
console.log(getSum(arr)) */

/* const arr = [100,2,003,400,50,6,7,8,9,10];
function getMax(arr){
return arr.reduce((a,val)=>val>a?val:a)
}
console.log('Max:',getMax(arr)) */


/* const persons = [
  { name: 'sai', age: 30 },
  { name: 'ram', age: 29 },
  { name: 'dass', age: 29 },
  { name: 'boss', age: 30 },
  { name: 'krishna', age: 50 },
  { name: 'arjun', age: 29 }
];

function reducerFn(group,person){
  if(!group[person.age]){
  group[person.age] = [];
  }
  group[person.age].push(person.name);
  return group
}
console.log('groups:',persons.reduce(reducerFn,{})) */

/* 

const homes = [
   { 'city': 'Dallas', 'state': 'TX', 'zip': '75201', 'price': '162500'},
   { 'city`enter code here`': 'Bevery Hills', 'state': 'CA', 'zip': '90210', 'price': '319250'},
   { 'city': 'Dallas', 'state': 'TX', 'zip': '75000', 'price': '556699'},
   { 'city': 'New York', 'state': 'NY', 'zip': '00010', 'price': '962500'}
];

homes.sort(compareMultiple(['zip', '-state', 'price']));

function compareMultiple (criteria) {
   return function (a, b) {
      for (let key of criteria) {
         var order =...