1.分数（题目）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习1</title>
<script type="text/javascript">
/*
* 对于成绩大于等于60分的，输出'合格'。低于60分的，输出'不合格'
*/
</script>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
*分数（答案）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分数</title>
<script type="text/javascript">
window.onload = function () {
var score = prompt('请输入分数');
switch (parseInt(score/60)) {
case 1:
alert('合格');
break;
case 0:
alert('不合格');
break;
}
}
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2.星期（题目）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习2</title>
<script type="text/javascript">
/*
* 从键盘接收整数参数，如果该数为1-7，打印对应的星期，否则打印非法参数。
*/
</script>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
*星期（答案）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>星期</title>
<script type="text/javascript">
var str = prompt('请输入数字1-7');
if (str > '7' || str < '1') {
alert('输入不合法');
return;
}
switch (str){
case '7':
alert('星期日');
break;
case '6':
alert('星期六');
break;
case '5':
alert('星期五');
break;
case '4':
alert('星期四');
break;
case '3':
alert('星期三');
break;
case '2':
alert('星期二');
break;
case '1':
alert('星期一');
break;
}
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
3.成绩（题目）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习1</title>
<script type="text/javascript">
/*
* 从键盘输入小明的期末成绩:
* 当成绩为100时，'奖励一辆BMW'
* 当成绩为[80-99]时，'奖励一台iphone15s'
* 当成绩为[60-80]时，'奖励一本参考书'
* 其他时，什么奖励也没有
*/
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
*成绩（答案）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小明成绩</title>
<script type="text/javascript">
/*
* 从键盘输入小明的期末成绩:
* 当成绩为100时，'奖励一辆BMW'
* 当成绩为[80-99]时，'奖励一台iphone15s'
* 当成绩为[60-80]时，'奖励一本参考书'
* 其他时，什么奖励也没有
*/
var score = prompt("请输入小明的期末成绩:");
if (score == 100){
alert('奖励一辆BWM');
}
else if (score >= 80 && score <= 99){
alert('奖励一台iPhone15s');
}
else if(score >= 60 && score <= 79){
alert('奖励一本参考书')
}
else{
alert('什么奖励都没有')
}
</script>
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
4.结婚（题目）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习2</title>
<script type="text/javascript">
/*
* 大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件：
* 高：180cm以上; 富:1000万以上; 帅:500以上;
* 如果这三个条件同时满足，则:'我一定要嫁给他'
* 如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。'
* 如果三个条件都不满足，则:'不嫁！'
*/
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
*结婚（答案）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>结婚条件</title>
<script type="text/javascript">
var height = prompt('请输入你的身高:');
var mongy = prompt('请输入你的金钱');
var face = prompt('请输入颜值');
if (height > 180 && mongy >= 1000 && face >= 500){
alert('我一定嫁给他')
}
else if (height <= 180 || mongy <= 1000 || face<= 500){
alert('嫁吧，比上不足比下有余')
}
else {
alert('不嫁')
}
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
5.排序（题目）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习3</title>
<script type="text/javascript">
/*
* 编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
* 对他们进行排序，并且从小到大输出。
*/
</script>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
*排序（答案）
var n1 = prompt('请输入数字:');
var n2 = prompt('请输入数字:');
var n3 = prompt('请输入数字:');
//找到3个数中最小的数
if (n1 < n2 && n1 < n3){
if (n2 < n3){
alert(n1 + ',' + n2 + ',' + n3);
}else{
alert(n1 + ',' + n3 + ',' + n2);
}
}else if(n2 < n1 && n2 < n3){
if (n1 < n3){
alert(n2 + ',' + n1 + ',' + n3);
}else {
alert(n2 + ',' + n3 + ',' + n1);
}
}else {
if(n1 < n2){
alert(n3 + ',' + n1 + ',' + n2);
}else {
alert(n3 + ',' + n2 + ',' + n1);
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
6.计算器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
window.onload = function () {
var input01 = document.getElementById('input01');
var select = document.getElementById('select');
var input02 = document.getElementById('input02');
var btn = document.getElementById('btn');
btn.onclick = function() {
input01.value;
input02.value;
if (isNaN(input01) || isNaN(input02)) {
alert('输入不合法');
return;
}
switch (select.value) {
case '0':
alert((parseFloat(input01.value) * 100 + parseFloat(input02.value) * 100) / 100);
break;
case '1':
alert((parseFloat(input01.value * 100) - parseFloat(input02.value) * 100) / 100);
break;
case '2':
alert(parseFloat(input01.value * 100) * parseFloat(input02.value * 100) / 10000);
break;
case '3':
alert(parseFloat(input01.value * 100) / parseFloat(input02.value * 100));
break;
}
}
}
</script>
</head>
<body>
<h1>计算器</h1>
<input type="text" name="" id="input01" />
<select id="select">
<option value="0">+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" name="" id="input02" />
<input type="button" name="" value="计算" id="btn" />
</body>
</html>
---------------------
【转载，仅作分享，侵删】
作者：YRyr.*
原文：https://blog.csdn.net/weixin_43152725/article/details/86136656
|
|
收藏
淘帖
踩
奈斯，感谢分享
