<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js考试</title> </head> <script t

最新推荐文章于 2025-11-14 22:33:30 发布
原创 最新推荐文章于 2025-11-14 22:33:30 发布 · 1.4w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个使用JavaScript编写的程序，该程序根据不同的基本工资水平（1000元以上、800-1000元、低于800元）计算增加后的工资，并演示了如何使用DOM操作来显示结果。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js考试</title>
</head>
<script type="text/javascript">
// 1.编写一个程序，计算增加后的工资。要求基本工资大于等于1000元，增加20%的工资;若小于1000元且大于等于800元，则增加15%，若小于800元，则增加10%工资。
var pay = 1000;
if (pay >= 1000){
pay += (pay * 0.2);
}
else if (pay < 1000 && pay >= 800){
pay += (pay * 0.15);
}
else if (pay < 800){
pay += (pay * 0.1);
}
document.write("最后工资为"+pay+"</br>");

 

</script>
<body>

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="height: 50px; width: 200px; background-color: #ADD8E6; color: red" ></div>

</body>
</html>

HTML入门02
weixin_41468241的博客
01-19 4271
a>2、双标签：h1-h6、div、文本颜色、p段落、a、ul li。5、锚点？如：div、ol、ul、li、dl、dt、dd、h1-h6。4、
HTML表格和列表笔记&练习<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于表格的一些练...
weixin_30663391的博客
11-22 1458
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>关于表格的一些练习</title> 注释：2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但...
html基础学习
weixin_52676304的博客
10-15 2万+
html新手学习，以菜鸟教程为主
HTML 页面跳转实现
zwh1zwh的博客
11-14 3642
我将创建一个包含多种页面跳转方式的示例页面，包括锚点链接、JavaScript跳转、表单跳转和meta自动跳转。
html笔记
jsjbdjhd的博客
11-30 1万+
你喜欢的食物：<input type="checkbox" name="sex" id="" value="鱼">鱼。<input type="text" value="username" id="" name="元素的名称"><input type="radio" name="sex" id="" value="女">女 <br>性别：<input type="radio" name="sex" id="" value="男">男。同一个页面，可以存在多个class值相同的标签-->
js 收银元小程序
weixin_30594001的博客
08-21 351
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js考试</title></head><script type="text/javascript">// 1.编写一个程序，计算增加后的工资。要求基本工资大于等于100...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <sty
热门推荐
u014497548的博客
06-03 62万+
Title img,div,body{margin: 0;padding: 0;} .orgindiv {width: 200px;height: 200px;position: relative;float: left;margin-left: 100px;} .orgindiv img{width: 100%;height: 100%;}
<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><meta name=viewport content="width=device-wi
09-20
DOCTYPE html><html lang=en><head><meta charset=UTF - 8><meta name=viewport content="width=device - wi` 存在一些错误。以下是详细分析： 1. **`lang` 属性值**：`lang=en` 应改为 `lang="en"`，HTML 属性值...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
09-19
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板，它是一个简单的404页面，用于显示“Not found”...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap使用</title> smys
06-06
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 示例</title> <!-- 引入 Bootstrap CSS --> <link rel="stylesheet" href="path/to/...
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>step2</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <div class="container"> <h1>键盘事件演示</h1> <input type="text" c
最新发布
11-26
<meta charset="UTF - 8" /> <title>step2</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <div class="container"> <h1>键盘事件演示</h1> <input type="text...
<!DOCTYPE html><html lang="en-US"><head><title>Just a moment...</title><meta http-equiv="Content-Type" content="text/html;
03-09
特别是通过 `<meta charset="UTF-8">` 来指定文档使用的字符编码为 UTF-8 编码格式，确保不同平台间文本的一致性和准确性[^3]。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> ...
下面程序的运行结果为（ ）
一点痕迹
09-12 3949
#include <iostream> using namespace std； class A{ public：A(){cout<<"1";} ~A(){cout<<"2";1} }; class B:public A{ public:B(){cout<<"3";} ~B(){cout<<"4";} }; void main(){B b;} 答案：1342 解析：在C++中： （1）对于构造函数，先调用基类的构造函数，再调用派生类的构造函数，就
HTML相关代码
2403_89188047的博客
11-29 3603
青春不常在，抓紧谈恋爱
html
weixin_49308607的博客
11-25 4375
HTML 第一个html程序 <!-- DOCTYPE:告诉浏览器我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head标签代表网页头部 --> <head> <!-- meta描述性标签，它用来描述我们网站的一些信息 --> <!-- meta一般用来做SEO --> <meta charset="UTF-8"> &
HTML
执妄
12-02 3384
一、网页基本信息 <!-- DOCTYPE:告诉浏览器，我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!-- meta描述性标签，用来描述网站的一些信息 --> <!-- meta一般用来做SEO(搜索优化） --> <meta charset="UTF-8"> <m
HTML——语法
Alyson_jm的博客
02-19 7346
文章目录页面结构一、文档声明头二、页面语言头标签meta 标签title 标签base 标签link 标签三、body 标签语义为什么要语义化写HTML 代码要注意些什么 页面结构 一个标准的HTML页面如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
HTML综合
qq_74351687的博客
12-09 1万+
一.HTML的初始结构 <!DOCTYPE html> <html lang="en"> <head> <!-- 设置文本字符 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 设置网页名 --> <title>首页&
HTML基础（一）
牢骚太盛防肠断，风物长宜放眼量
05-17 8041
本文是作者在学习html过程中对知识的初步整理 1.第一个程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> hello HTML,I am shuaigeliu </body> </html> htm.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值