小熊奶糖(BearCandy)
小熊奶糖(BearCandy)
发布于 2024-02-25 / 8 阅读
0
0

JavaScript 小测验8

JavaScript 小测验8

题目:利用上一篇制作BMI计算器

我的答案

<html>
<style>
 .user-input{
 height:50px;
 width:250px;
font-size: 10px;
border-color: beige;
}

</style>
<body>
    <div class="input-form">
<input class="user-input" name="userinput" type="text" placeholder="请输入身高(cm)">
<input class="user-input2" name="userinput2" type="text" placeholder="请输入体重(KG)">
<button onclick="getinput();">确定</button>
<p id="result">BMI:</p>
</div>
</body>
<script>
   function getinput(){
    let a=document.querySelector('.user-input').value;
    let b=document.querySelector('.user-input2').value;
    //四舍五入
    a=b/((a/100)**2);
    let c = "";
    if (18.5<=a && a<=23.9){
        c="正常";
    }else if(a<18.5){
        c="偏轻";
    }else{
        c="偏重";
    }
    console.log(typeof b);
    console.log(b);
    document.querySelector('#result').innerHTML=`BMI: ${a.toFixed(2)} ${c}`;

}
</script>
</html>

可使用(变量.toFixed)保留两位小数

Math.round可以四舍五入

Math.floor可保留小数部分

Math.random可生成0-1的随机数

Math.ceil() 静态方法总是向上舍入,并返回大于等于给定数字的最小整数。

更多资料查阅JavaScript的Math对象


评论