jquery - 固定幅の div で div の高さを設定する方法

Question

フォト フレームを表す固定幅の div があるサイトをコーディングしています。ユーザーはフレームの幅と高さの値を変更できます。Jquery を使用して、フレームの表現を表示したいと思います。

フレーム div 自体の幅は、ページ デザインでのスペースが限られているため、固定されています。したがって、物理的に変更できる寸法は高さだけです。

たとえば、ユーザーがフレーム幅 300mm、高さ 200mm を指定した場合、それを画面上に表示する必要があります。私が苦労しているのは、正確な表現を得ることです。現在、私は次のことを行っています。

$(function() {
  $( "#artwork_height_input" ).change(function() {
    //Work out the new proportional height (the width of the div is fixed, so only the height can be altered)
    var divWidth = $( "#artwork_width_input" ).val();
    var divHeight = $( "#artwork_height_input" ).val();
    var ratio = divWidth / divHeight;
    var newDivHeight = divHeight / ratio;
    alert(newDivHeight);
    $("#scaledimage").height(newDivHeight-2);
  });
});

問題は、133.33 の newDivHeight になることです。これは正しくありません。誰でも私がこれを解決するのを手伝ってくれますか? Jqueryよりも数学の方が多いと思いますが、何か助けていただければ幸いです!

ありがとう！