H5编写个税计算器(JS代码编写)
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
document.title="个税计算器";
//写头部容。
var header=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";
//写输入框。
var form=document.createElement("form");
document.body.appendChild(form);
var input1=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="基本工资/计税";
var input2=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="绩效工资/计税";
var input3=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="奖金/计税";
//写计算按钮
var button=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="10px auto";
// button.style.margin=""
//写主题容
//定义一个主体区域用于存放主体容。
var sec=document.createElement("section");
document.body.appendChild(sec);
//工资总额部分
var dl=document.createElement("dl");
sec.appendChild(dl);
var dt=document.createElement("dt");
dl.appendChild(dt);
dt.innerHTML="工资总额";
var dd=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";