js（if和for） day4

[再相见]

于 2024-07-20 09:29:26 发布

阅读量24

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2301_76784404/article/details/140565747

版权

if语句

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>

<body>
    <script>
        if (5 > 3) {
            console.log("哇！你好棒呀 知道5大于3");
        }

        if (5 < 3) {
            console.log("哇！你好棒呀 知道5小于3");
        }
        // 如果(条件表达式) {
        //     代码块1
        // }
        // 如果 条件表达式的结果是true  那么就会执行代码块1
        // 如果条件表达式的结果是false  那么就不会执行代码块1 然后 直接结束if

        if (5 < 3) {
            console.log("哇！你好棒呀 知道5大于3");
        } else {
            console.log("哇！你好棒呀 知道5小于3");
        }
        // 如果(条件表达式) {
        //     代码块1
        // }否则{
        //     代码块2
        // }
        // 如果条件表达式的结果是true  那么就会执行代码块1
        // 如果条件表达式的结果是false  那么就会执行代码块2
    </script>
</body>

</html>

if语句的灵活应用

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>

<body>
    <script>
        // 如果 让每位同学自行录入成绩
        // 如果成绩在90 - 100 之间 输出优秀
        // 如果成绩在80 - 90 之间 输出良好
        // 如果成绩在80 - 70 之间 输出中等
        // 如果成绩在70 - 60 之间 输出及格
        // 如果成绩在60 - 0 之间 输出你很差
        var num = Number(prompt("请输入一个数字"));

        // if 的嵌套使用  只要需要判断多个条件就可以使用if嵌套
        if (num > 90 && num <= 100) {
            console.log('你果然很优秀');
        } else {
            if (num > 80 && num <= 90) {
                console.log('你果然挺良好的');
            } else {
                if (num > 70 && num <= 80) {
                    console.log('你果然挺CitCit的');
                } else {
                    if (num > 60 && num <= 70) {
                        console.log('你果然挺及格的');
                    } else {
                        console.log('你果然很差');
                    }
                }
            }
        }

        if (num > 90) {

        } else if (num > 80) {

        }
    </script>
</body>

</html>

for循环语句

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>

<body>
    <script>
        // for循环语句 可以重复执行代码
        for (var i = 0; i < 100; i++) {
            console.log("你真衰啊！！！！");
        }

        // 从 100 开始  到 0 结束
        for (var i = 100; i > 0; i--) {
            console.log("你真衰aaaaaaa！！！！");
        }
        // 循环(1.循环从几开始 2.循环到几结束 3.循环是怎么执行的) {
        //     4.代码块1
        // }
        // 1 => 2 => 4 => 3 => 2 => 4 => 3 => ....... => 2
        // 只要2 条件成立 for循环就会执行代码块

    </script>
</body>

</html>

for的灵活应用

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>

<body>
    <script>
        // 1. for循环
        for (var i = 0; i < 10; i++) {
            for (var j = 0; j < 10; j++) {

            }
        }


        for (var j = 1; j <= 10; j++) {
            for (var i = 1; i <= 5; i++) {
                console.log("循环到" + i + "张图片了");
            }
            // 每一次总体的循环 里面小图片的循环
        }
        // 总体的次数

        for (var i = 1; i <= 9; i++) {
            var str = '';
            for (var j = 1; j <= i; j++) {
                str = str + (j + "*" + i + "=" + i * j + "    ");
            }
            // 每一次·乘法 都要改变的数字  乘数
            console.log(str);
        }
        // 1. 每一层 需要乘谁  被乘数
    </script>
</body>

</html>

累加器

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>

<body>
    <script>

        // 累加器
        var sun = 0;
        for (var i = 1; i <= 10; i++) {
            // console.log(i);
            sun = sun + i;
            // sun += i;
        }

        console.log(sun);
    </script>
</body>

</html>