html Javascript/jQuery -以英尺和英寸显示英寸

5m1hhzi4  于 2022-12-02  发布在  Java
关注(0)|答案(4)|浏览(171)

我正在制作一个BMI计算器(请参阅JSFiddle -http://jsfiddle.net/b5ww2/),我希望以英寸为单位的身高以英尺和英寸为单位显示,我还希望以磅为单位的体重以英石和磅为单位显示。
下面是我用来将滑块值转换为厘米和英寸的代码:

slide: function( event, ui ) {
  $( "#heightslidecm" ).html( ui.value + 'cm' );
  $( "#heightslidein" ).html( (ui.value*0.393700787).toFixed(0) + 'in' );
}

我的js知识不是很好,尤其是在数学方面。
有什么想法吗?
先谢了

bzzcjhmw

bzzcjhmw1#

您只需要包含转换的逻辑。下面是英尺和英寸的示例:

slide: function( event, ui ) {
    $( "#heightslidecm" ).html( ui.value + 'cm' );

    var inches = (ui.value*0.393700787).toFixed(0);
    var feet = Math.floor(inches / 12);
    inches %= 12;

    $( "#heightslidein" ).html( feet + "ft " + inches + 'in');
}

您只需要使用适当的转换值对磅/英石重复相同的逻辑。

cygmwpex

cygmwpex2#

好的-在谷歌搜索并登陆这里后,我尝试了上面的方法。尽管这个帖子与将厘米(CM)转换为英寸有关,但它会出现在谷歌中的任何转换(在我的情况下,英寸转换为英尺和英寸)。
在我的项目中,我试图将英寸转换为英尺和英寸(但我还是在这里)。为了保存其他遇到英寸转换为英尺和英寸问题的人,这里有一个额外的uGoogle问题,嗯,我将如何在Javascript中进行转换:

let height = 75; // this could be any number of inches
                let feet = Math.floor(height / 12);
                let inches = (height - (feet * 12));

上面的内容应该可以让你从英寸转换成英尺和英寸(如果谷歌不知情地把你带到这里,就像它对我做的那样)。祝你好运!

eoigrqb6

eoigrqb63#

这是我答案我把下面Excel公式转换成了JavaScript

=INT(B5/12)&"ft.  "&ROUND(MOD(B5,12),1)&"in."
function toFeetandInch(inches){
    return (parseInt(inches/12) + ' ' + Math.round(inches%12,1)+"'")
}

console.log(toFeetandInch(69))
disbfnqx

disbfnqx4#

这将以英尺+英寸为单位显示值。

<script>
  function rangeSliderFeet(value) {
      var feet = value / 12;
      var inches = value % 12;
      document.getElementById("rangeFeetValue").innerHTML = Math.floor(feet) + "\'" + inches + "\"";
    }
</script>

相关问题