adding div into div

whee

HTML

<button id="myBtn">add element</button>

    <div id="base">

    </div>

    <div id="lase">

    </div>

CSS

div {
    
    width:100px;
    height:30px;
    background:white;
    border: 1px solid black;
    font-size: 15px;
    line-height:30px;
    text-align: center;
    color:black;
        
}

#base {
    position:relative;
    top:50%;
    left:50%;
    background: green;
    transform: rotate(45deg);
}

#lase {
    position:relative;
    top:50%;
    left:50%;
    background: blue;
    transform: rotate(315deg);
}

#qqq {
    position:inherit;
    top:inherit;
    left:inherit;
    background:red;
    transform:inherit;
}

#zzz {
    position:inherit;
    top:inherit;
    left:inherit;
    background:yellow;
    transform:rotate(270deg);
}

JavaScript

var count = 1;

$('#myBtn').click(function(){
          
    if((count+1)%2==0) {
    
        var div = $('<div id="qqq">123456</div>');   
       
        div.appendTo('#base'); 
    
//        div.html(count); 
        
    } else {
        
        var div = $('<div id="zzz"></div>');   
       
        div.appendTo('#lase'); 
    
        div.html(count);  
 
    }
        
    count = count + 1;

});