JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!-- interview workout-->

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


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

<script type="text/javascript">

</script>

Babel + JSX

/*var items = document.querySelectorAll('.btn');
for (let i = 0, max = items.length; i < max ; i ++) {
  var element = items[i];
  element.addEventListener('click', function(e) {
    console.log('you clicked on element number ' + i, e.target);
  });
}*/

    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(){
        console.log("btnNum", btnNum);
            	alert(prizes[btnNum]);  
        };
    }

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());