«

数值判断

时间:2023-3-10 16:04     作者:小诸葛     分类: JavaScript     正在检查是否收录...


工资判断输出
根据工资判断选择出行工具

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            .box {
                margin: 20px auto;
                border-radius: 5px;
                font-size: 16px;
                font-weight: bold;
                width: 400px;
                height: 200px;
                background-color: #00aa7f;
                padding-top: 20px;
                box-shadow: -2px 7px 12px #000000;
            }

            input {
                border: 0;
                margin: 5px;
                height: 30px;
                line-height: 30px;
                padding: 0 15px;
                box-shadow: inset -2px 3px 6px #000000;
                outline: none;
            }

            p {
                color: #fff;
                margin: 5px;
            }

            button {
                box-shadow: -2px 2px 2px #000000;
                vertical-align: middle;
                height: 30px;
                border: 0;
                width: 80px;
            }

            button:hover {
                color: #55aaff;
            }

            button:active {
                box-shadow: inset -2px 2px 2px #000000;
            }
        </style>
    </head>
    <body>
        <!-- 4. 编程题:根据存款的多少决定使用什么交通工具:10万元以上,就买小汽车上班; 有5000元以上,就买摩托上班;
        如果有300元以上,就买自行车上班;如果有20元以上,
        就坐公交上班;否则,就只好步行上班。使用一个变量money保存存款数,
        对该变量进行判断以输出所用的交通工具。(考点:if多分支结构) -->
        <div class="box">
            <h1 style="text-align: center;">收入查询</h1>
            <p>您的工资:<input type="text" name="" id="s" placeholder="请输入你的工资"> <button onclick="cx()">查询</button></p>
            <p>出行推荐:<input type="text" id="j"></p>
        </div>

        <script>
            function cx() {
                //console.log("测试按钮是否关联成功!")
                let a = s.value;
                if (a == "" || isNaN(a) == true) {
                    alert("请输入您的工资")
                    s.value = null;
                } else if (a > 100000) {
                    document.getElementById("j").value = "小汽车";
                    console.log(j.value)

                } else if (a > 5000) {
                    document.getElementById("j").value = "摩托";
                    console.log(j.value)

                } else if (a > 300) {
                    document.getElementById("j").value = "自行车";
                    console.log(j.value)
                    console.log("自行车")
                } else if (a > 20) {
                    document.getElementById("j").value = "公交车";
                    console.log(j.value)

                } else {
                    document.getElementById("j").value = "走路";
                    console.log(j.value)
                }
            }
        </script>
    </body>
</html>

工资判断

推荐阅读:


扫描二维码,在手机上阅读