JSFiddle - React, Tailwind, and code Playground

by Mehmet Alp

HTML

<div class="Govde">

<div class="SutunBir"></div>

</div>

CSS

.Govde{height:1200px; width:900px;float:left;border:1px solid #000;}
.SutunBir{height:900px; width:900px;float:left;border:1px solid #ccc;}

JavaScript

$(document).ready(function (){
    
var SutunBir =$(".SutunBir").height();
alert(SutunBir);
if( SutunBir >= 800 ){
SutunBir += 300;
    alert("sutun1'e girdi");
$(".Govde").css("height", SutunBir+"px");
} else {
        alert("sutun2'e girdi");
$(".Govde").css("height", SutunIki+"px");
 }
 });