HTML5+CSS3+JavaScript从入门到精通
作者:王征,李晓波
第十三章 JavaScript编程的判断结构
案例
13-01 任意输入两个数,显示两个数的大小关系
13-02 、13-03 省略
<!DOCTYPE html>
<!--web13-01-->
<!--web13-02 省略-->
<!--web13-03 省略-->
<html>
<head>
<meta charset="utf-8" />
<title>任意输入两个数,显示两个数的大小关系</title>
</head>
<body>
<h3 align="center">任意输入两个数,显示两个数的大小关系</h3>
<h3 align ="center" color="red">13_2, 13_3 省略</h3>
<hr />
<script type="text/javascript">
var x1, y1, x, y;
x1 = prompt("请输入第一个学生的成绩:", "");//动态输入prompt,默认输入类型是字符串,后面需要转换为整型做运算。
y1 = prompt("请输入第二个学生的成绩:", "");
x = parseFloat(x1);
y = parseFloat(y1);
if (x > y)
{
document.write("x = ", x, "<br>");
document.write("y = ", y, "<br>");
document.write("x大于y<br>");
}
if (x == y)
{
document.write("x = ", x, "<br>");
document.write("y = ", y, "<br>");
document.write("x等于y<br>");
}
if (x < y)
{
document.write("x = ", x, "<br>");
document.write("y = ", y, "<br>");
document.write("x小于y<br>");
}
</script>
</body>
</html>
13-04 企业奖金发放系统
<!DOCTYPE html>
<!--web13-04-->
<html>
<head>
<meta charset="utf-8" />
<title>企业奖金发放系统</title>
</head>
<body>
<h3 align="center">企业奖金发放系统</h3>
<hr />
<script type="text/javascript">
var gain;
var reward1, reward2, reward3, reward4, reward5, reward;
gain = parseFloat(prompt("请输入当年的利润:", ""));
reward1 = 100000 * 0.05;
reward2 = reward1 + 100000 * 0.08;
reward3 = reward2 + 200000 * 0.1;
reward4 = reward3 + 200000 * 0.15;
reward5 = reward4 + 400000 * 0.2;//如果script没有执行预定的结果,可以调用document.write函数来调试,看看哪一句没有执行到,然后检查语法错误。
if (gain < 100000)
{
reward = gain * 0.05;
}
else if (gain < 200000)
{
reward = reward1 + (gain - 100000) * 0.08;
}
else if (gain < 400000)
{
reward = reward2 + (gain - 200000) * 0.1;
}
else if (gain < 600000)
{
reward = reward3 + (gain - 400000) * 0.15;
}
else if (gain < 1000000)
{
reward = reward4 + (gain - 600000) * 0.2;
}
else
{
reward = reward5 + (gain - 1000000) * 0.25;
}
document.write("员工的利润是:", gain, "<br>");
document.write("员工的奖金提成是:", reward, "<br>");
</script>
</body>
</html>
13-05 每周计划系统
13-06 、13-07 省略
<!DOCTYPE html>
<!--web13-05-->
<!--web13-06_省略-->
<!--web13-07_省略-->
<!--
优先级:运算 > 关系 > 赋值
-->
<html>
<head>
<meta charset="utf-8" />
<title>每周计划系统</title>
</head>
<body>
<h3 align="center">每周计划系统</h3>
<h3 align="center">成绩评语系统 -- 省略</h3>
<h3 align="center">判断是否是闰年 -- 省略</h3>
<hr />
<script type="text/javascript">
var week;
week = parseInt(prompt("请输入今天星期几:", ""));
if (week == 1)
{
document.write("新的一周开始,开始努力工作!");
}
if (week >= 2 && week <= 5)
{
document.write("努力工作中~");
}
else if (week == 6 || week == 7) {
document.write("世界很大,我想去看看");
}
else
{
document.write("一周只有七天,你懂的~");
}
</script>
</body>
</html>
13-08 剪刀、石头、布游戏
13-09 省略
<!DOCTYPE html>
<!--web13-08-->
<!--web13-09_省略-->
<!--
random()--产生0-1之间的数,不包括0、1.
floor()--返回<=x的最大整数;
-->
<html>
<head>
<meta charset="utf-8" />
<title>剪刀、石头、布游戏</title>
</head>
<body>
<h3 align="center">剪刀、石头、布游戏</h3>
<h3 align="center">09_判断一个数是否是5或者7的倍数_省略</h3>
<hr />
<script type="text/javascript">
var gamecomputer, gameplayer;
gameplayer = parseInt(prompt("请输入你要出的拳,其中1-布,2-剪刀,3-石头", ""));
//随机生成1-3的随机数并赋值给变量gameplayer
gamecomputer = Math.floor(Math.random() * 3 + 1);
if ((gamecomputer == 1 && gameplayer == 2) ||
(gamecomputer == 2 && gameplayer == 3) ||
(gamecomputer == 3 && gameplayer == 1))
{
document.write("你是高手,你赢了。<br>");
}
else if (gamecomputer == gameplayer) {
document.write("你和电脑一样厉害,平了<br>");
}
else
{
document.write("电脑就是厉害,电脑赢了!<br>");
}
</script>
</body>
</html>
13-10 用户登录系统
<!DOCTYPE html>
<!--web13-10-->
<html>
<head>
<meta charset="utf-8" />
<title>用户登录系统</title>
</head>
<body>
<h3 align="center">用户登录系统</h3>
<hr />
<script type="text/javascript">
var user, passward;
user = prompt("请输入用户名", "");
passward = prompt("请输入密码", "");
if (user == "admin") {
if (passward == "admin888") {
document.write("输入的用户名是:", user, "<br>");
document.write("输入的密码是:", passward, "<br>");
document.write("用户名和密码正确,可以成功登录!<br>");
}
else {
document.write("输入的用户名是:", user, "<br>");
document.write("输入的密码是:", passward, "<br>");
document.write("用户名正确,密码不正确,请重新输入!<br>");
}
}
else {
if (passward == "admin888") {
document.write("输入的用户名是:", user, "<br>");
document.write("输入的密码是:", passward, "<br>");
document.write("用户名不正确,密码正确,请重新输入!<br>");
}
else {
document.write("输入的用户名是:", user, "<br>");
document.write("输入的密码是:", passward, "<br>");
document.write("用户名不正确,密码不正确,请重新输入!<br>");
}
}
</script>
</body>
</html>
13-11 条件运算符和条件表达式
13-12 省略
<!DOCTYPE html>
<!--web13-11-->
<!--web13-12_省略-->
<html>
<head>
<meta charset="utf-8" />
<title>条件运算符和条件表达式</title>
</head>
<body>
<h3 align="center">条件运算符和条件表达式</h3>
<h3 align="center">12_根据输入的数显示相应的星期几_省略</h3>
<hr />
<script type="text/javascript">
var a, b, c, d;
a = parseFloat(prompt("请输入第一个数", ""));
b = parseFloat(prompt("请输入第二个数", ""));
c = parseFloat(prompt("请输入第三个数", ""));
d = parseFloat(prompt("请输入第四个数", ""));
m = a > b ? a : b;
n = m > c ? m : c;
z = n > d ? n : d;
document.write("第一个数是:", a, "<br>");
document.write("第二个数是:", b, "<br>");
document.write("第三个数是:", c, "<br>");
document.write("第四个数是:", d, "<br>");
document.write("这四个数中,最大的数是:", z, "<br>");
</script>
</body>
</html>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。