用H5写个工作幸福感自查(仅供娱乐)

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>录入页面</title>

</head>

<style>

    p {

        font-size: 12px;

        color: red;

        white-space: pre-line;

    }

</style>

<body>

    <h1>快来测试一下下~</h1>

    <form οnsubmit="login(event)">

        <label for="username">用户名:</label>

        <input type="text" id="username" name="username"><br><br>

        <!-- <label for="password">密码:</label>

        <input type="password" id="password" name="password"><br><br> -->

        <p>请仔细看备注填写(鼠标移动到要求填写的内容有解释)</p>

        <label for="money">1、<abbr title="元">平均日薪酬</abbr></label>

        <input type="text" id="money" name="money" value=""><br>

        <label for="worktime">2、<abbr title="下班时间-上班时间,h">工作时长</abbr></label>

        <input type="text" id="worktime" name="worktime" value=""><br>

        <label for="goworktime">3、<abbr title="h">通勤时长</abbr></label>

        <input type="text" id="goworktime" name="goworktime" value=""><br>

        <label for="playtime">4、<abbr title="不干活+吃饭+午休">摸鱼时长</abbr></label>

        <input type="text" id="playtime" name="playtime" value=""><br><br>

        <label for="learnsch">5、<abbr

                title="专科及以下0.8;普通本科1;高级本科1.2;普通硕士1.4;高级硕士1.6;普通博士1.8;高级博士2.0;">学历系数</abbr></label>

        <input type="text" id="learnsch" name="learnsch" value=""><br>

        <p>专科及以下0.8;普通本科1;高级本科1.2;普通硕士1.4;高级硕士1.6;普通博士1.8;高级博士2.0;</p>

        <label for="working">6、<abbr title="偏僻地区0.8;工厂户外0.9;普通1.0;体制内1.1">工作环境系数</abbr></label>

        <input type="text" id="working" name="working" value=""><br><br>

        <label for="gfby">7、<abbr title="没有0.9;不多不少1.0;很多1.1">异性环境系数</abbr></label>

        <input type="text" id="gfby" name="gfby" value=""><br><br>

        <label for="parter">8、<abbr title="SB很多0.95;普通很多1.0;优秀很多1.05">同事环境系数</abbr></label>

        <input type="text" id="parter" name="parter" value=""><br><br>

        <label for="needs">9、<abbr title="无要求、二级1;建造造价监理1.05;建筑岩土结构1.1;主任医师、教授1.15">职业资格系数</abbr></label>

        <input type="text" id="needs" name="needs" value=""><br>

        <p>无要求、二级1;建造造价监理1.05;建筑岩土结构1.1;主任医师、教授1.15</p>

        <label for="ifelse">10、<abbr title="是0.95;否1.0">是否8:30前上班(是0.95;否1.0)</abbr></label>

        <input type="text" id="ifelse" name="ifelse" value=""><br><br>

        <button type="submit">提交</button>

    </form>

    <p id="result"></p>

    <script>

        function login(event) {

            event.preventDefault();

            // 获取表单数据

            const username = document.getElementById("username").value;

            // const password = document.getElementById("password").value;

            const mm = document.getElementById("money").value;

            const ww = document.getElementById("worktime").value;

            const gg = document.getElementById("goworktime").value;

            const pp = document.getElementById("playtime").value;

            const ll = document.getElementById("learnsch").value;

            const www = document.getElementById("working").value;

            const ggg = document.getElementById("gfby").value;

            const ppp = document.getElementById("parter").value;

            const nn = document.getElementById("needs").value;

            const ii = document.getElementById("ifelse").value;

            // console.log(9, username)

            // 输入验证

            if (username === "" || mm === "" || ww === "" || gg === "" || ll === "" || www === "" || ppp === "" || ggg === "" || nn === "" || ii === "") {

                document.getElementById("result").innerHTML = "有内容为空,检查后再输入";

            } else if (username != "" || mm != "" || ww != "" || gg != "" || ll != "" || www != "" || ppp != "" || ggg != "" || nn != "" || ii != "") {

                const a = 1 * www * ggg * ppp

                const b = ((mm * a) / (35 * (ww + gg - 0.5 * pp) * ll * nn)) * ii

                const result = b

                // "低于0.8很惨  高于1.5很爽   高于2.0爽到爆"

                if (result <= 0.8) {

                    document.getElementById("result").innerHTML = username + "你被99%的职场人打败,好惨啊,赶紧换个地方吧!";

                } else if (2 > result >= 1.5) {

                    document.getElementById("result").innerHTML = username + ",你战胜了70%的职场人,好好干吧";

                } else {

                    document.getElementById("result").innerHTML = username + ",你战胜了99%的职场人,羡煞吾等";

                }

            } else {

                throw new Error("请按提示要求重新写!")

            }

        }

    </script>

</body>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值