Div formda otomatik hesap yaptırma

Merhaba arkadaşlar ihtiyacım olan şey div form içerisinde otomatik hesap yaptırma örneğin ben bir kutucuga sayı girdiğimde otomatik fiyat hesaplicak gibi

https://codepen.io/anon/pen/wrNONN adresinde yapılmış örnek var hocam kontrol edebilirsin.

Güzel bir örnek fakar bi yere tiklamadan yada entera basmadan olmuyor benim istedigim daha sayiyi girer girmez sagda otomatik hesaplaması amacim mesela kategori seçecek a kategorisi bunun kendine gore katsayısı olacak ve buraya adet girdiginde otomatik hesaplicak

js oninput ile yapabilirsin bir örnek çalışma hazırladım:

function myFunctiont(x) {
document.getElementById("demo").innerHTML = x * 10;
}

yazdığım 2 satır kodu ekletmedi bir türlü r10. input textinde oninput="myFunctiont(this.value)" ilejs fonksiyonu çalıştırabilirsin. id'si demo olan bir tag içine de sonucu yazdıracak anlık olarak.

Hocam sen nasıl bir kralsın denemedim şuan birazdan denerim ama ben konuyu bile unutmuşken senin cevap yazman. Teşekkür ederim deneyip sisteme dahil ederim.

başarılı oldumu ?

Vanilla olarak örnek yazdom ama bu şekilde kullanmanızı önermem. React, Vue gibi framework'ler işinizi kolaylaştırır.

https://codepen.io/oktaysenkan/pen/XWNjqqE

Teşekkur ederim ilginiz için farklı yöntem tercih ettik malesefki