用JavaScript编写关于数字类型的使用转换的方法

img


let number = 92,litre = 40,unit = 0;price = 0;
if(number==92&&litre<20){
    unit = 6;
}else if(number==92&&litre>=20){
    unit = 5.9;
}else if(number==97&&litre<40){
    unit = 7;
}else if(number==97&&litre>=40){
    unit = 6.5;
    
}
price = litre * unit;
console.log(unit,price)

自己一点想法都没有吗？


<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
    </style>
    编号：<input type="text" class="a1">
    <!-- 编号 -->
    升数：<input type="text" class="a2">
    <!-- 升数 -->
    <button class="jsclick">计算</button>
    <p class="danpicre"></p>
    <p class="zongpicre"></p>
</head>

<body>

    <script>
        function q(classname) {
            return document.querySelector(classname)
        }
        q('.jsclick').onclick = function() {
            if (q('.a1').value == 92 && q('.a2').value < 20) {
                q('.danpicre').innerHTML = '单价：' + 6 + '元'
                q('.zongpicre').innerHTML = '总价：' + (q('.a2').value * 6) + '元'
            } else if (q('.a1').value == 92 && q('.a2').value >= 20) {
                q('.danpicre').innerHTML = '单价：' + 5.9 + '元'
                q('.zongpicre').innerHTML = '总价：' + (q('.a2').value * 5.9) + '元'
            } else if (q('.a1').value == 97 && q('.a2').value < 40) {
                q('.danpicre').innerHTML = '单价：' + 7 + '元'
                q('.zongpicre').innerHTML = '总价：' + (q('.a2').value * 7) + '元'
            } else if (q('.a1').value == 97 && q('.a2').value >= 40) {
                q('.danpicre').innerHTML = '单价：' + 6.5 + '元'
                q('.zongpicre').innerHTML = '总价：' + (q('.a2').value * 6.5) + '元'
            }
        }
    </script>
</body>

</html>