js input değerinden dive aktarma

merhaba arkadaşlar inputa yazılan değeri divin style özelliklerine yansıtmak istiyorum nasıl yapabilirim
örnek olarak göstereyim
burada resim üzerindeki başlık yazısını x,y ve genişlik yükseklik değeri yazdıgımızda canlı olarak hareket ettirmek istiyoruz ücretli ücretsiz yardımlarınızı bekliyorum teşekkür ederim

Vue ile daha kolay ama jquery ile böyle : https://jsfiddle.net/g8f0xs3p/2/

<input type="text" id="genislik" placeholder='Genişlik ne olsun.'>
<input type="text" id="yukseklik" placeholder='Yğkjselik ne olsun.'>
<input type="text" id="x" placeholder='Yukarıdan boşlık ne olsun.'>
<input type="text" id="y" placeholder='soldan boşluk ne olsun.'>


<div id="block">

r10 jquery ile dinamik boyut
</div>

var x,y,gen,yuk;
$("input").keyup(function(){
x = $("#x").val();
y = $("#y").val();
gen = $("#genislik").val();
yuk = $("#yukseklik").val();
$("#block").css("height", yuk);
$("#block").css("width", gen);

$("#block").css("top", '0');
$("#block").css("left",'0');
$("#block").css("top", '+='+x);
$("#block").css("left",'+='+y);

});

#block {
border:1px solid black;
background-color:#ffcc44;
position: absolute;
}