聪明文档网

    聪明文档网

    最新最全的文档下载
    当前位置： 首页> H5编写个税计算器(JS代码编写)

    H5编写个税计算器(JS代码编写)

    时间：    下载该word文档
    DOCTYPEhtml><html><head>
    <metacharset="UTF-8"><title>title>head><body>
    body>
    <scripttype="text/javascript">
    document.title="个税计算器";//写头部容。
    varheader=document.createElement("header";header.innerHTML="个税计算器";
    document.body.appendChild(header;header.style.backgroundColor="blue";header.style.height="50px";
    header.style.textAlign="center";header.style.fontSize="30px";header.style.lineHeight="50px";header.style.color="white";//写输入框。
    varform=document.createElement("form";document.body.appendChild(form;
    varinput1=document.createElement("input";form.appendChild(input1;input1.type="text";
    input1.placeholder="基本工资";input1.style.width="100%";input1.style.height="40px";input1.style.marginTop="15px";input1.style.fontSize="30px";
    input1.innerHTML.placeholder="基本工资/计税";
    varinput2=document.createElement("input";form.appendChild(input2;input2.type="text";
    input2.placeholder="绩效工资及工龄工资";input2.style.width="100%";input2.style.height="40px";input2.style.marginTop="15px";

    //input2.style.fontSize="30px";
    input2.style.placeholder="绩效工资/计税";
    varinput3=document.createElement("input";form.appendChild(input3;input3.type="text";
    input3.placeholder="奖金及其它收入";input3.style.width="100%";input3.style.height="40px";input3.style.marginTop="10px";input3.style.fontSize="30px";
    input3.style.placeholder="奖金/计税";//写计算按钮
    varbutton=document.createElement("button";document.body.appendChild(button;button.innerHTML="开始计算";
    button.style.backgroundColor="lightskyblue";button.style.textAlign="center";button.style.fontSize="30px";button.style.height="50px";button.style.width="100%";
    button.style.margin="10pxauto";button.style.margin=""//写主题容
    //定义一个主体区域用于存放主体容。
    varsec=document.createElement("section";document.body.appendChild(sec;//工资总额部分
    vardl=document.createElement("dl";sec.appendChild(dl;
    vardt=document.createElement("dt";dl.appendChild(dt;
    dt.innerHTML="工资总额";
    vardd=document.createElement("dd";dl.appendChild(dd;dd.innerHTML="0.00";dt.style.float="left";dd.style.float="right";dl.style.marginTop="15px";dl.style.marginBottom="5px";dl.style.height="30px";



    dt.style.height="30px";dt.style.fontSize="24px";dd.style.fontSize="24px";
    //写分割线
    varhr=document.createElement("hr";sec.appendChild(hr;hr.style.margin="0";
    //写养老部分8%
    vardl1=document.createElement("dl";sec.appendChild(dl1;
    vardt1=document.createElement("dt";dl1.appendChild(dt1;
    dt1.innerHTML="养老保险8%";
    vardd1=document.createElement("dd";dl1.appendChild(dd1;dd1.innerHTML="-0.00";dt1.style.float="left";dd1.style.float="right";dl1.style.marginTop="15px";dl1.style.marginBottom="5px";dl1.style.height="30px";dt1.style.height="30px";dt1.style.fontSize="24px";dt1.style.color="red";
    dd1.style.fontSize="24px";dd1.style.color="red";
    //写医疗2%部分
    vardl2=document.createElement("dl";sec.appendChild(dl2;
    vardt2=document.createElement("dt";dl2.appendChild(dt2;
    dt2.innerHTML="医疗保险2%";
    vardd2=document.createElement("dd";dl2.appendChild(dd2;dd2.innerHTML="-0.00";dt2.style.float="left";dd2.style.float="right";dl2.style.marginTop="15px";

    dl2.style.marginBottom="5px";dl2.style.height="30px";dt2.style.height="30px";dt2.style.fontSize="24px";dt2.style.color="red";
    dd2.style.fontSize="24px";dd2.style.color="red";
    //写失业保险1%
    vardl3=document.createElement("dl";sec.appendChild(dl3;
    vardt3=document.createElement("dt";dl3.appendChild(dt3;
    dt3.innerHTML="失业保险1%";
    vardd3=document.createElement("dd";dl3.appendChild(dd3;dd3.innerHTML="-0.00";dt3.style.float="left";dd3.style.float="right";dl3.style.marginTop="15px";dl3.style.marginBottom="5px";dl3.style.height="30px";dt3.style.height="30px";dt3.style.fontSize="24px";dt3.style.color="red";
    dd3.style.fontSize="24px";dd3.style.color="red";
    //写工伤保险0%
    vardl4=document.createElement("dl";sec.appendChild(dl4;
    vardt4=document.createElement("dt";dl4.appendChild(dt4;
    dt4.innerHTML="工伤保险0%";
    vardd4=document.createElement("dd";dl4.appendChild(dd4;dd4.innerHTML="-0.00";dt4.style.float="left";dd4.style.float="right";dl4.style.marginTop="15px";dl4.style.marginBottom="5px";

    dl4.style.height="30px";dt4.style.height="30px";dt4.style.fontSize="24px";dt4.style.color="red";
    dd4.style.fontSize="24px";dd4.style.color="red";
    //写生育保险0%
    vardl5=document.createElement("dl";sec.appendChild(dl5;
    vardt5=document.createElement("dt";dl5.appendChild(dt5;
    dt5.innerHTML="生育保险0%";
    vardd5=document.createElement("dd";dl5.appendChild(dd5;dd5.innerHTML="-0.00";dt5.style.float="left";dd5.style.float="right";dl5.style.marginTop="15px";dl5.style.marginBottom="5px";dl5.style.height="30px";dt5.style.height="30px";dt5.style.fontSize="24px";dt5.style.color="red";
    dd5.style.fontSize="24px";dd5.style.color="red";
    //写住房公积金8%
    vardl6=document.createElement("dl";sec.appendChild(dl6;
    vardt6=document.createElement("dt";dl6.appendChild(dt6;
    dt6.innerHTML="住房公积金8%";
    vardd6=document.createElement("dd";dl6.appendChild(dd6;dd6.innerHTML="-0.00";dt6.style.float="left";dd6.style.float="right";dl6.style.marginTop="15px";dl6.style.marginBottom="5px";dl6.style.height="30px";

    dt6.style.height="30px";dt6.style.fontSize="24px";dt6.style.color="red";
    dd6.style.fontSize="24px";dd6.style.color="red";
    //写分割线
    varhr=document.createElement("hr";sec.appendChild(hr;hr.style.margin="0";
    //写计税工资
    vardl7=document.createElement("dl";sec.appendChild(dl7;
    vardt7=document.createElement("dt";dl7.appendChild(dt7;dt7.innerHTML="计税工资";
    vardd7=document.createElement("dd";dl7.appendChild(dd7;dd7.innerHTML="0.00";dt7.style.float="left";dd7.style.float="right";dl7.style.marginTop="15px";dl7.style.marginBottom="5px";dl7.style.height="30px";dt7.style.height="30px";dt7.style.fontSize="24px";dd7.style.fontSize="24px";
    //写个人所得税
    vardl8=document.createElement("dl";sec.appendChild(dl8;
    vardt8=document.createElement("dt";dl8.appendChild(dt8;
    dt8.innerHTML="个人所得税";
    vardd8=document.createElement("dd";dl8.appendChild(dd8;dd8.innerHTML="-0.00";dt8.style.float="left";dd8.style.float="right";dl8.style.marginTop="15px";

    dl8.style.marginBottom="5px";dl8.style.height="30px";dt8.style.height="30px";dt8.style.fontSize="24px";dt8.style.color="red";
    dd8.style.fontSize="24px";dd8.style.color="red";
    //写分割线
    varhr=document.createElement("hr";sec.appendChild(hr;hr.style.margin="0";
    //写实发工资
    vardl9=document.createElement("dl";sec.appendChild(dl9;
    vardt9=document.createElement("dt";dl9.appendChild(dt9;dt9.innerHTML="实发工资";
    vardd9=document.createElement("dd";dl9.appendChild(dd9;dd9.innerHTML="0.00";dt9.style.float="left";dd9.style.float="right";dl9.style.marginTop="15px";dl9.style.marginBottom="5px";dl9.style.height="30px";dt9.style.height="30px";dt9.style.fontSize="24px";dt9.style.fontWeight="bold";dd9.style.fontSize="24px";dd9.style.fontWeight="bold";
    /******************************************************************************/
    //写数据交互部分。
    //填写数据时隐藏五险一金部分。form.onclick=function({
    sec.style.display="none";}
    //为button添加监听事件

    //button.addEventListener("click",js;//封装一个函数进行计算functionjs({
    sec.style.display="block";//从输入框中拿去数值。varn1=input1.value;alert(n1;
    varn2=input2.value;varn3=input3.value;
    //把从输入框中拿来的数据进行过滤（转换为纯数字）n1=parseFloat(n1;n2=parseFloat(n2;n3=parseFloat(n3;
    //判断输入框中的容是否合适if(isNaN(n1+n2+n3{
    alert("输入的工资不符合要求，请输入纯数字！";return;}
    //计算总额。
    varall=n1+n2+n3;
    varyanglao=0.08*all;varyiliao=0.02*all;varshiye=0.01*all;vargongshang=0*all;varshengyu=0*all;
    vargongjijin=0.08*all;vartongchou=0;
    //将计算的五险一金容写进表格//工资总收入。
    dd.innerHTML=all.toFixed(2;//计算结果保留2位小数。//养老保险扣除部分。
    dd1.innerHTML="-"+yanglao.toFixed(2;//医疗保险扣除部分。
    dd2.innerHTML="-"+yiliao.toFixed(2;//失业保险扣除部分。
    dd3.innerHTML="-"+shiye.toFixed(2;//工伤保险扣除部分。
    dd4.innerHTML="-"+gongshang.toFixed(2;//生育保险扣除部分。


    dd5.innerHTML="-"+shengyu.toFixed(2;//住房公积金扣除部分。
    dd6.innerHTML="-"+gongjijin.toFixed(2;
    //计算计税工资=总额-五险一金-3500varjishui=all-0.19*all-3500;dd7.innerHTML=jishui.toFixed(2;varshifa;varshui;
    //计算交税工资及实发工资。if(jishui<=0{
    alert("您的收入达不到税收要求。";}
    elseif(0<jishui&&jishui<=1500{shui=0.03*jishui-0;}
    elseif(1500<jishui&&jishui<=4500{shui=0.1*jishui-105;}
    elseif(4500<jishui&&jishui<=9000{shui=0.2*jishui-555;}
    elseif(9000<jishui&&jishui<=35000{shui=0.25*jishui-1005;}
    elseif(35000<jishui&&jishui<=55000{shui=0.3*jishui-2755;}
    elseif(55000<jishui&&jishui<=80000{shui=0.35*jishui-5505;}
    else{
    shui=0.45*jishui-13505;}
    dd8.innerHTML="-"+shui.toFixed(2;shifa=all-shui-0.19*all;dd9.innerHTML=shifa.toFixed(2;}

    免费下载 Word文档免费下载： H5编写个税计算器(JS代码编写)

    TOP热门搜索

    相关推荐：

    武陵山上的星光观后感

    • ￥29.8

      ￥45 每天只需1.0元
      1个月 推荐

    • ￥9.9

      ￥15
      1天

    • ￥59.8

      ￥90
      3个月

    选择支付方式

    • 微信付款
    会员须知 联系在线客服 登录账号
    郑重提醒：支付后，系统自动为您完成注册

    请使用微信扫码支付(元)

    订单号：
    支付后，系统自动为您完成注册
    遇到问题请联系 在线客服

    常用手机号：
    用于找回密码
    图片验证码：
    看不清？点击更换
    短信验证码：
    新密码：
     
    绑定后可用手机号登录
    请不要关闭本页面，支付完成后请点击【支付完成】按钮
    遇到问题请联系 在线客服

    侵权投诉  © 2013-2019 http://www.tcm999.cn   站点地图 |  手机版

    本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈