JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!-- interview workout-->

<button id="btn-0">Button 1!</button>


<button id="btn-1">Button 2!</button>
<button id="btn-2">Button 3!</button>

<script type="text/javascript">
    var prizes = ['A Unicorn!', 'A Hug!', 'Fresh Laundry!'];
    for (var btnNum = 0; btnNum < prizes.length; btnNum++) {
        // for each of our buttons, when the user clicks it...
        document.getElementById('btn-' + btnNum).onclick = function(btnNum){
            // tell her what she's won!
            return function() {
            	alert(prizes[btnNum]);
            }            
        }(btnNum);
    }
</script>

Babel + JSX

function double(number) {  
   console.log(TWO); 
   var TWO = 2;
	 return number * TWO;
}

double(4)


for (var i = 1; i <= 10; i++) {
    setTimeout(function() { console.log(i) }, 10);    
}


var fullname = 'John Doe';
var obj = {
   fullname: 'Colin Ihrig',
   prop: {
      fullname: 'Aurelio De Rosa',
      getFullname: function() {
         return this.fullname;
      }
   }
};

console.log(obj.prop.getFullname());

var test = obj.prop.getFullname;

console.log(test());