Members programYaz Posted April 26, 2022 Members #1 Share Posted April 26, 2022 (edited) Bu örnekte Jquery kodları ile genişlik ve yükseklik değerlerini px cinsinden kullanıcıdan alarak bir dikdörtgen oluşturacağız. Örneğimizin amacı Jquery ile css işlemlerinin nasıl yapılacağını görmek olacaktır. Kullanıcıdan text elemanlarına girmiş olduğu değerleri div öğesinin genişlik ve yükseklik özelliğine uygulanması, div arkaplan rengi değiştirme ve kenarlık ekleme gibi özellikleri değiştireceğiz. Altta örneğe ait kodlar, ekran çıktısı ve yapılış videosu bulunmaktadır. <!doctype html> <html> <head> <meta charset="utf-8"> <title>yazilimkodlama.com</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!--Jquery için CDN kodunu yapıştırıyoruz.--> </head> <body> 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(){ var gen=Number($("#genislik").val()); var yuk=Number($("#yukseklik").val()); $("#dd").css({"width":gen,"height":yuk,"border":"1px solid black","margin":"50px auto","background-color":"blue"}); }); </script> </body> </html> EKRAN ÇIKTISI: YAPILIŞ VİDEOSU: Edited April 26, 2022 by programYaz Quote Ada LoveLace Link to comment https://weblep.com/topic/187-uzunluklar%C4%B1-kullan%C4%B1c%C4%B1dan-alarak-dikd%C3%B6rtgen-%C3%A7izen-jquery-program%C4%B1-kaynak-kodlar%C4%B1/ Share on other sites More sharing options...