Wscats / CV

:see_no_evil:Front End Engineer Curriculum Vitae - 面试宝典和简历生成器
http://wscats.github.io/CV/omi/build/index.html
1.04k stars 203 forks source link

day3 #17

Closed Wscats closed 7 years ago

Wscats commented 7 years ago
var i = 0;
function drawTable() {
    document.write("<tr><th>123</th><th>123</th></tr>");
    i++
    if(i <= 10) {
        drawTable()
    }
}
drawTable()
Wscats commented 7 years ago

03计算阶乘

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算阶乘</title>
    <script>
        /*
            计算5阶乘
            5! = 1x2x3x4x5;//120
            89! = 1x2x3....x89;
         */
        var total = 1;
        for(var i=2;i<=10;i++){
            total = total*i;
        }

        console.log(total);
    </script>
</head>
<body>

</body>
</html>

01打印100–200之间所有能被3或者7整除的数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印100–200之间所有能被3或者7整除的数</title>
    <script>
        /*
            打印100–200之间所有能被3或者7整除的数
         */
        for(var i=100;i<=200;i++){
            if(i%3===0 && i%7===0){
                console.log(i);
            }
        }
    </script>
</head>
<body>

</body>
</html>

07求和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求出1-1/2+1/3-1/4…..1/100的和</title>
    <script>
        /*
            求出1-1/2+1/3-1/4…..1/100的和
            分析:1/1 - 1/2 + 1/3 - 1/4 ... - 1/100
        */

        var sum = 0;
        for(var i=1;i<=100;i++){
            if(i%2===0){
                sum -= 1/i;
            }else{
                sum += 1/i;
            }
        }
        console.log(sum);
    </script>
</head>
<body>

</body>
</html>

06每行四个数的形式输出所有闰年

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06每行四个数的形式输出所有闰年</title>
    <script>
        /*
            打印出1000-2000年中所有的闰年,并以每行四个数的形式输出
        */

        var num = 0;
        for(var i=1000;i<=2000;i++){
            if(i%4===0 && i%100 !== 0 || i%400===0){
                document.write(i + ' ');
                num++;
                // 每隔4个换行
                if(num%4 === 0){
                    document.write('<br/>');
                }

            }
        }
    </script>
</head>
<body>

</body>
</html>
Wscats commented 7 years ago

02打印1~100的7的倍数和带7的数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印1~100的7的倍数和带7的数</title>
    <script>
        /*
            打印1~100的7的倍数和带7的数
         */
        for(var i=1;i<=100;i++){
            // 十位数
            var a = parseInt(i/10);
            // 个位数
            var b = i%10;
            if(i%7===0 || a===7 || b===7){
                console.log(i);
            }
        }
        // 获取某个数的个位/十位/百位
        var num = 369;
        // 个位数
        var a = num%10;
        // 十位数360
        var b = (num-a)/10%10;
        // 百位数
        var c = parseInt(num/100);
        console.log(c,b,a);
    </script>
</head>
<body>

</body>
</html>
Wscats commented 7 years ago

05打印99乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05打印99乘法表</title>
    <style>
        span{display: inline-block;padding:0 5px;margin:5px;width:60px;line-height:2;background-color: #efefef;text-align:center;}
    </style>
    <script>
        /*
            打印99乘法表
        */

        // 外层循环控制行
        for(var i=1;i<=9;i++){
            // 内层循环控制列
            for(var j=1;j<=i;j++){
                document.write('<span>' + j + '&times;' + i + '=' + i*j +'</span>');
            }
            document.write('<br/>')
        }
    </script>
</head>
<body>

</body>
</html>

04循环嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04循环嵌套</title>
    <script>
        /*for(var i=0;i<10;i++){
            for(var j=0;j<10;j++){
                console.log(i,j);
                break;
            }
        }*/

        // break:终止当前for循环
        /*for(var i=0;i<100;i++){
            console.log(i);
            if(i===10){
                break;
                console.log('break后');
            }
        }*/

        // 不打印12,13,14,15
        /*for(var i=1;i<20;i++){
            if(i>=12 && i<=15){
                continue;
            }
            console.log(i);
        }*/

        // 嵌套循环中的break和continue
        // label:给循环添加标识
        wrap:for(var i=0;i<10;i++){
            for(var j=0;j<10;j++){
                if(j===5){
                    break wrap;
                }
                console.log('外层i:' + i,'内层j:' + j);
            }
        }
    </script>
</head>
<body>

</body>
</html>

计算阶乘的和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>找出所有的水仙花数</title>
    <script>
        /*
            求1!+2!+3!+4!+5!…20!
            1)遍历1-20
            2)计算1-20之间所有数的阶乘
            3)把所有数的阶乘相加
        */

        // 求和
        var sum = 0;
        for(var i=1;i<=5;i++){
            // 计算每个数阶乘
            var fac = 1;
            for(var j=1;j<=i;j++){
                fac *=j;
            }
            sum += fac;
        }
        console.log('1!+2!+3!+4!+5!…20!的最终值为:' + sum);

    </script>
</head>
<body>

</body>
</html>
Wscats commented 7 years ago

08打印所有水仙花数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>找出所有的水仙花数</title>
    <script>
        /*
            找出所有的水仙花数,三位数,各位立方和等于该数本身。
                如: 153 = 1^3 + 5^3 + 3^3
            1)遍历100-999所有的数字
            2)取出每个数的个、十、百位数a,b,c
            3)根据公式“cba = c*c*c + b*b*b + a*a*a”判断当前是否是水仙花数
        */
        for(var i=100;i<=999;i++){
            // 获取个位数
            var a = i%10;
            // 十位数
            var b = (i-a)/10%10;
            // 百位数
            var c = parseInt(i/100);
            if(i===c*c*c + b*b*b + a*a*a){
                console.log(i);
            }
        }
        // 370 = 3*3*3 + 7*7*7 + 0
        //          27 + 343 + 0

    </script>
</head>
<body>

</body>
</html>
Wscats commented 7 years ago

break和continue

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        var i = 0;
        while(i < 10) {
            i++
            if(i == 9) {
                break;
            } else if(i == 5) {
                document.write("幸运数:" + i + "</br>")
                //console.log("幸运数:" + i);
                continue;
            } else {
                document.write(i + "</br>")
                //              console.log(i)
            }
        }
    </script>
</html>