)
Aşağıda konu ile alakalı kodlar ve açıklamalarını bulunmaktadır.
Kod:
<!-- Veriler ve gösterilecek olan alan -->
Genişlik :
<input type="text" id="genislik">
Yükseklik :
<input type="text" id="yukseklik">
<button id="btn">ÇİZ</button>
<div id="dd"></div>
<script>
$("#btn").click(function(){ // İdsi btn olan elemana tıklanırsa çalışacak olan kodları belirtiyoruz fonksiyonun içine.
var gen=Number($("#genislik").val()); // Gerekli verileri alıyoruz burda.
var yuk=Number($("#yukseklik").val());
$("#dd").css({"width":gen,"height":yuk,"border":"1px solid black","margin":"50px auto","background-color":"red"}); // Burda ise idsi dd olan elamanın içine berlirtilen boylarda bazı cssler ile dikdörtgenimizi oluşturuyoruz.
});
</script>
