JSFiddle - React, Tailwind, and code Playground

by codemeasandwich

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.32.2/es6-shim.js"></script>
<h3>ES6</h3>
<div id="a1">if("abc".indexOf("b")>-1)</div>
<div id="a2"></div><p/>
<b>Promise:</b> <span id="b1">?</span><p/>
<b>Object.assign:</b> <span id="c1"></span><p/>
<div id="c2"></div><p/>
<b>let(scoping):</b>
<div id="d1"></div><p/>
<div id="d2"></div><p/>

JavaScript

//'use strict'
//grunt-traceur -> es6 to es5
// or
//https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.32.2/es6-shim.js
console.log("hello computer");

console.log("Map");
console.log("Set");
console.log("let (var scopted)");
console.log("const u = 2");
console.log("Promise");
console.log("Number.isNaN");
console.log("Object.is");
console.log("'abc'.contains('b')");
console.log("'abc'.codePointAt(...)");
console.log("array.from()");
console.log("let a = '1'; let arr = {a} // <- arr = {a:a}");
console.log("let {a} = arr // create a and match the value");
console.log("Y = [for (a of i) 2*a]");
console.log("Y = i.map(function(a){return 2*a})");
console.log("Z = function(input){ return input*9  }");
console.log("Z = (input = 1) => { return input*9  }");
console.log("A = (input, ...args) => { return args  }");
console.log("A(5,6,8) //[ 6, 8 ]");
console.log(" `hello 
            
            ${place}` ");

/*
// * + yield + for & of
// to return/pause functions
            
function* info(){
    var i = 0;
    while(true){
        yield ++i;
    }
}

for(var x of info()){
    alert(); if(x > 3){ break; }
}

// =================

var info2 = function* (){
   console.log(yield 1);
   console.log(yield 2);
}
console.log(info2.next("foo"));
console.log(info2.next("bar"));
console.log(info2.next("top"));


       / *
$("#a2").text('"abc".contains("b") = ' + "abc".contains("b").toString())

var p = new Promise(
    function(resolve, reject){
        setTimeout(resolve, 1000)
    }
)

p.then(function(){
    $("#b1").text('after 1 sec')
})

$("#c1").text(JSON.stringify(Object.assign({a:1},{b:1})))

for(var d1 = 0; d1 < 1; d1++){}
$("#d1").text(d1.toString());

obj = {'k','v'}
       console.log('k' in obj)

/ *
for(let d2 = 0; d2 < 1; d2++){}
$("#d2").text(d2.toString());

set: unqice values in an unoder list
(new Map()).set("key","val").has('key')


obj

*/