JSFiddle - React, Tailwind, and code Playground

HTML

<div id='divblock'><div class="wh A">1</div></div>
<input type="button" onclick='d=1;funk();' value='какой то размер №1'/><br>
<input type="button" onclick='d=2;funk();' value='какой то размер №2'/><br>
<input type="button" onclick='d=3;funk();' value='какой то размер №3'/><br>
<script>


var d;

var di = document.getElementById('divblock');


function funk()
{
 if(d==1){di.innerHTML =  '<div class="wh A">'+d+'</div>';} 
 if(d==2){di.innerHTML =  '<div class="wh B">'+d+'</div>';} 
 if(d==3){di.innerHTML =  '<div class="wh C">'+d+'</div>';}  
}

</script>

CSS

.wh{width: 100px;height: 100px;}
.A{background: #fa0;}
.B{background: #0fa;}
.C{background: #f0a;}