Js的学习第三天

依旧是课堂的内容

课堂上加课外，都可以，基本掌握js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 这里写的是js解决判断语句，这里不细讲，无难度
<script>
    var monny = prompt("请输入钱包中的金额：");
    if (monny >= 2000){
        document.write("请大家吃西餐");
    }
    else if(monny >= 1500 && monny < 2000){
        document.write("请大家吃快餐");
    }
    else if(monny >= 1000 && monny < 1500){
        document.write("请大家喝饮料");
    }
    else if(monny >= 500 && monny < 1000){
        document.write("请大家吃棒棒糖");
    }
    else{
        document.write("下次带够钱");
    }
</script>
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
// 这里解决的是对一个输入信息进行判断选择的，这是一道题的package1，不完美，仅供参考
// 下面有package2
<script>
    function cf(){
        var size = prompt("请输入汽油编号：");
        var ver = prompt("请输入你要加多少升：");
        var quanju;
        switch(Number(size)){
        case 92: if(ver >= 20){
            quanju = ver * 5.9;
            document.write("汽油"+5.9+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju= ver * 6;
            document.write("汽油"+6+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        case 97: if(ver >= 40){
            quanju = ver * 6.5;
            document.write("汽油"+6.5+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju = ver * 7;
            document.write("汽油"+7+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        default:document.write("你输入的汽油编号有误");alert("请重新输入汽油编号");cf();
        }
    };
    var size = prompt("请输入汽油编号：");
    var ver = prompt("请输入你要加多少升：");
    var quanju;
    switch(Number(size)){
        case 92: if(ver >= 20){
            quanju = ver * 5.9;
            document.write("汽油"+5.9+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju = ver * 6;
            document.write("汽油"+6+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        case 97: if(ver >= 40){
            quanju = ver * 6.5;
            document.write("汽油"+6.5+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju = ver * 7;
            document.write("汽油"+7+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        default:document.write("你输入的汽油编号有误");alert("请重新输入汽油编号");cf();
    }
</script>
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
// package2的位置，解决上面那道题，应用了函数的调用，来优化时间和内存
<script>
    function cf(size){
        var quanju;
        switch(Number(size)){
        case 92: 
        var ver = prompt("请输入你要加多少升：");
        if(ver >= 20){
            quanju = ver * 5.9;
            document.write("汽油"+5.9+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju = ver * 6;
            document.write("汽油"+6+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        case 97: 
        var ver = prompt("请输入你要加多少升：");
        if(ver >= 40){
            quanju = ver * 6.5;
            document.write("汽油"+6.5+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        }else{
            quanju = ver * 7;
            document.write("汽油"+7+"元一升");
            document.write("<br>");
            document.write("总计："+quanju+"元");
        };break;
        default:alert("你前面输入的汽油编号有误,请重新输入92/97汽油编号");var size = prompt("请输入汽油编号：");cf(size);
        }
    };
    var size = prompt("请输入汽油编号：");
    cf(size);
</script>
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
// 课堂小练习
<script>
    // 这是第一道题，解决的是输入一个数字，来返回对应的星期
    var num = prompt("请输入一个数字，返回对应的星期几：");
    switch(Number(num)){
        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;
        default:alert("数字在这道题不合法");
    }
    // 这是第二道题，主要是比较两个数的大小
    var num1 = prompt("输入第一个数字：");
    var num2 = prompt("请输入第二个数:");
    if (num1 > num2){
        alert("第一个数大");
        document.write("最大的数是："+num1);
    }
    else{
        alert("第二个数大");
        document.write("最大的数是："+num2);
    }
</script>
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
// 这里是9*9乘法口诀表打印的全部源码，自己理解
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            border-collapse: collapse;
        }
        td{
            border: solid red;
            padding: 2px 3px;
        }
    </style>
</head>
<body>
    <table>
        <script>
            for(var i = 1; i <= 9; i++){
                document.write("<tr>")
                for(var j =1; j <= i; j++){
                    document.write("<td>" + i + "x" + j + "=" + (i*j) + "</td>"+ "&nbsp")
                }
                document.write("</tr>")
            }
        </script>
    </table>
</body>
</html>

这里来补充一下课外知识，有些东西必须记住，勿忘
比如说，js的数据类型有哪些
有基本数据类型和引用数据类型两种
比如说，（-5）%3=多少
等于-2，为什么呢？，因为5对3取余等于2，然后看第一个数的符号位
比如说，true-1=多少呢
在js里，true等于1，所以答案等于0
比如说，比较运算符中，=，==，===，哪个不属于
当然是一个等于了，第二个是比较，第三个是严格比较
比如说，0等值于，null，unfilled，nan，‘’，这四个哪一个
当然是null
好了，这些补充都是需要注意的一些点，不重要，但是还是了解一下好一点