二十三、计算年终奖

最新推荐文章于 2022-01-15 10:48:06 发布

一个孤独漫步者的遐想

最新推荐文章于 2022-01-15 10:48:06 发布

阅读量110

点赞数

分类专栏： JavaScript 文章标签：字符串 js javascript

本文链接：https://blog.csdn.net/weixin_43555997/article/details/117403823

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

这是一个使用JavaScript编写的HTML页面，用于计算员工的年终奖。用户可以输入工龄和薪资，根据不同的工龄范围和薪资标准，计算出相应的年终奖数额。代码通过监听按钮点击事件，获取输入值，进行条件判断和计算，最终将结果显示在页面上。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算年终奖</title>


</head>
<body>

工龄：<input type="text" value="1" id="workYear">
<br>
薪资：<input type="text" value="14000" id="workMoney">
<br>
<button id="submit">计算年终奖</button>
<br>
你的年终奖是：￥<span id="valBox"></span>


<!--IMPORT JS-->
<script>

    let workYear = document.getElementById('workYear');
    let workMoney = document.getElementById('workMoney');
    let submit = document.getElementById('submit');
    let valBox = document.getElementById('valBox');

    submit.onclick = function () {

        //1、获取文本框的信息
        // 文本框.value获取输入的内容，格式是字符串
        let year = Number(workYear.value);
        let money = Number(workMoney.value);

        //判断输入是否非法
        if (isNaN(year) || isNaN(money)) {
            alert("输入的内容是非法格式");
            return;
        }


        //2、经过逻辑处理，计算出结果
        let result = null;
        if (year < 1) {
            result=money>8000?money*1.2:money;
        } else if (year >= 1 && year <2) {
            result=money>10000?money*1.7:money*1.5;
        } else {
            result=money>12000?money*3.2:money*3;
        }

        //3、把结果赋值给#valBox即可
        valBox.innerHTML=result;

    }


</script>
</body>
</html>

一个孤独漫步者的遐想

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二十三、计算年终奖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算年终奖</title></head><body>工龄：<input type="text" value="1" id="workYear"><br>薪资：<input type="text" value="1.
复制链接

扫一扫

专栏目录