JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<div id='containerView'>
            <div class="leftView">
            <div class="row1">
            <!-- <span> -->EVENT&nbsp;1<!-- </span> -->
            </div>
            </div>
            <div class="rightView">
            <div class="row1">
            <!-- <span> -->EVENT&nbsp;2<!-- </span> -->
            </div>
            
            </div>    
            </div>

CSS

* {
                box-sizing: border-box;
            }
            #containerView{
              width:100%;
              height:100%;
              display:block;
              float:left;
              background-color: green;
              padding:20px;
            }
            #containerView1{
              position:absolute;
              width:100%;
              height:100%;
             
            }
.leftView, .rightView{
       margin-top:20px;
       positon:relative;
 				display:block;
 				background-color: white; 
 				width:40%;
 				float:left;
 				border-top:1px gray solid;
 			}
			
			.leftView{
			/*border-right:1px gray solid;*/
			},

JavaScript

mainF();
function mainF(){
var a1= {name:"1234"};
var a2 = a1;
var anArr = [];

anArr.push(new Object(a2));
a1.name= '678';
for(var i=0;i<3;i++){
(function(a2, i){
anArr.push(iamf(a2, i));
})(a2, i);
}
console.log(anArr);
}

function iamf(a2s, ik){
var obj = a2s;
obj.name= ik;
//alert(ik);
return obj;
};


for(var k=0;k<5;k++){

(function(k){
setTimeout(function(){
//alert(k);
},k)
})(k);
}

console.log(clone({name:'xyz','surname':{'x':{'a':'ff'}}}));
function clone(theObj){
var outObj = {};
 for(var prop in theObj){
 if(theObj.hasOwnProperty(prop)){
    if(typeof theObj[prop] == 'object' && Object.keys(theObj[prop])){
         outObj[prop] = clone(theObj[prop]);
    }else{
         outObj[prop] = theObj[prop];
    }
 
 }
 
 }
 return outObj;
}