js作业（2-for循环）

咋的啥名都用不了呢~

已于 2023-03-14 10:09:08 修改

阅读量66

点赞数

文章标签：前端 html javascript css3 css

于 2023-02-22 10:31:10 首次发布

本文链接：https://blog.csdn.net/weixin_63492023/article/details/129157478

版权

这些HTML文件包含JavaScript代码示例，分别展示了如何使用for循环计算1-100的平均值、偶数和奇数之和、3的倍数之和，以及处理学生成绩、打印不同形状的星星图案（单行、多行多列、倒三角）和构建九九乘法表。这些例子演示了基础编程概念在实际问题解决中的应用。

摘要由CSDN通过智能技术生成

循环案例(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.求1-100之间所有数的平均值
        var sum = 0;
        var average = 0;
        for (i = 1; i <= 100; i++) {
            sum = sum + i;
        }
        average = sum / 100;
        console.log(average);
        // 2.求1-100之间所有偶数和奇数的和
        var even = 0;
        var odd = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                even = even + i;
            } else {
                odd = odd + i;
            }
        }
        console.log("even's sum is:" + even);
        console.log("odd's sum is:" + odd);
        // 3.求1-100之间所有能被3整除的数字的和
        var divsion = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0) {
                divsion = divsion + i;
            }
        }
        console.log("3 divsion'sum is:" + divsion);
    </script>
</body>

</html>

案例分析学生成绩(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.弹出输入框输入总的班级人数(num)
        // var num;
        // prompt('please input one number:' + num); error!!!
        var num = prompt('please input sum of class:');
        // 2.依次输入学生的成绩(保存起来score),此时我们需要用到for循环,弹出的次数跟班级
        // 3.总人数有关系条件表达式 i <= num
        // 4.进行业务处理:计算成绩。先求总成绩(sum),之后求平均成绩(average)
        // 5.弹出结果
        var sum = 0;
        var average = 0;
        for (var i = 1; i <= num; i++) {
            var score = prompt('please input ' + i + ' score:');
            // 因从prompt中取出的数是字符串型的，所以要转换
            sum = sum + parseFloat(score);
        }
        average = sum / num;
        alert("sum =" + sum + " average =" + average);
    </script>
</body>

</html>

打印一行五个星星(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // console.log('星星星星星');
        var str = '';
        // var num = prompt('please input number:');
        // for(var i =1;i <= num;i ++)
        for (var i = 1; i <= 5; i++) {
            // console.log('星');
            str = str + '星';
        }
        console.log(str);
    </script>
</body>

</html>

打印五行五列星星(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var str = '';
        var line = prompt('please input line number:');
        var column = prompt('please input column number:');
        for (var i = 1; i <= line; i++) { //外层打印行
            for (var j = 1; j <= column; j++) { //每行打印5个星星
                str = str + '星';
            }
            str = str + '\n';
        }
        console.log(str);
    </script>
</body>

</html>

打印倒三角案例(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var num = prompt("please input star's number:");
        var str = '';
        for (var i = 1; i <= num; i++) {
            for (var j = i; j <= num; j++) {
                str = str + '星';
            }
            str = str + '\n';
            // str += '\n';
        }
        console.log(str);
    </script>
</body>

</html>

九九乘法表(for)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var str = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                // str = str + '星';
                // 1 x 2 = 2
                str += j + 'x' + i + '=' + i * j + '\t';
                // str += ' ';
            }
            str += '\n';
        }
        console.log(str);
    </script>
</body>

</html>