html和js制作个人所得税表格,H5编写个税计算器(JS代码编写).doc

灰太狼 2023-01-23 09:47 147阅读 0赞

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 d

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读

相关好看的前端计算器代码分享（html+css+js制作计算器）

好看的前端计算器代码分享（html+css+js制作计算器）简介：这里分享的html+css+js制作的几个计算器代码。第一个 demo演示 ![在这里插

冷不防/ 2024年03月24日 13:36/ 0 赞/ 55 阅读

相关用Java编写计算器，代码展示！

用Java编写计算器，代码展示！ import java.awt.BorderLayout; import java.awt.Dimension; import j

偏执的太偏执、/ 2023年07月06日 13:29/ 0 赞/ 33 阅读

相关 js制作简易计算器

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。效果图 ![20191011122912532.gif][] 代码

╰+哭是因爲堅強的太久メ/ 2023年06月06日 10:50/ 0 赞/ 148 阅读

相关绝对干货！纯用HTML+CSS+JS 编写的计算器应用

一道笔试题之前偶然看到一个公司的笔试题，题目如下：用HTML5、CSS3、JavaScript，做一个网页，实现如下图形式计算器 ![在这里插入图片描述][wat

- 日理万妓/ 2023年03月13日 11:54/ 0 赞/ 19 阅读

相关 html和js制作个人所得税表格,H5编写个税计算器(JS代码编写).doc

document.title="个税计算器"; //写头部内容。 var header=document.createElement("header"); header.

灰太狼/ 2023年01月23日 09:47/ 0 赞/ 148 阅读

相关 js制作简单计算器

在学校学习过程中，老师总是让我们做各种各样小案例(demo)。但是我们在做的过程，总会遇到一些问题，会使我们绞尽脑汁。那让我们一起来看看这个案例吧！先看看效果 ![在

电玩女神/ 2022年11月12日 01:45/ 0 赞/ 276 阅读

相关 html编写表格代码表格宽度,如何增加HTML表格中列的宽度？

如何增加HTML表格中列的宽度？如何增加HTML表格中列的宽度？以下是我的代码。我试图让每行中的第二个标签展开，以便在输入文本框(第一个标签)和该cookie的名称及其

港控/mmm°/ 2022年10月06日 12:45/ 0 赞/ 253 阅读

相关 html产品代码怎么编写,js编写一个简单的产品放大效果代码

购物网站的产品页经常会放有一个产品展示图区。该图区有一个功能就是产品图的放大功能，移动左侧的焦点区域，可以放大细节部分观看，详情如下图。实现该功能的方法也非常简单。 ![66

末蓝、/ 2022年10月06日 11:52/ 0 赞/ 43 阅读

相关使用js编写的日历代码

[下载地址][Link 1]使用js编写的日历代码，非常简单的实现方式。 ![1631561124.png][] dd: [Link 1]: https://yy123

清疚/ 2022年09月12日 01:44/ 0 赞/ 256 阅读

相关编写第一个HTML5文件

1.3.1 HTML文件的编写方法编写HTML文件主要有如下3种方法: 手工直接编写由于HTML语言编写的文件是标准的ASCII文本文件，所以我们可以使用任何的

迈不过友情╰/ 2022年06月01日 05:49/ 0 赞/ 259 阅读