二、案例_输出100以内所有3的倍数或者含有数字3的数,并求和。-CSDN博客

本文链接：https://blog.csdn.net/m0_64590395/article/details/127174271

1.求100以内所有3的倍数（求他们个数总和）

    <script>
        for (var i = 1, sum = 0; i <= 100; i++) {
            if (i % 3 == 0) {
                sum += i;

            }
        }
        console.log(sum);
    </script>

2.判断输入的数是否是质数

<script>
        let user = parseInt(prompt("请输入一个整数："));
        if (!isNaN(user)) {
            if (user > 1) {
                //检查user是否是质数 
                let flag = true;
                for (let i = 2; i < user; i++) {
                    if (user % i === 0) {
                        flag = false;
                    }
                }
                if (flag) {
                    alert(`${user}是质数`)
                } else {
                    alert(`${user}不是质数`)
                }
            } else {
                alert("请输入一个比1大的数")
            }
        } else {
            alert("请正确输入")
        }
    </script>

    <script>
        let user = parseInt(prompt("请输入一个整数："));
        let flag = true;
        for (let i = 2; i < user; i++) {
            if (user % i === 0) {

                flag = false;
            }
        }
        if (flag) {
            alert(`${user}是质数 `)
        } else {
            alert(`${user}不是质数`)
        }
    </script>

3.1-100之间质数

     <script>
        //   100以内所有的质数
        for (let i = 2; i < 100; i++) {
            let flag = true;
        //获取1-i之间的数 
            for (let j = 2; j < i; j++) {
                if (i % j == 0) {
                    flag = false;
                }
            }
            if (flag) {
                console.log(i);
            }
        }
    </script>

4.水仙花束

/* 
            求 1000 以内的水仙花数
              
        */

        // 获取所有的三位数
        // for(let i=100; i<1000; i++){
            
        //     // 如果i的百位数字 十位数字 个位数字的立方和 还等于 i 则i就是水仙花数
        //     let bai = parseInt(i / 100)

        //     // 获取十位数
        //     let shi = parseInt((i - bai * 100) / 10)

        //     // 获取个位数
        //     let ge = i % 10

        //     // console.log(i,"-->",bai, shi, ge)

        //     // 判断i是否是水仙花数
        //     if(bai**3 + shi**3 + ge**3 === i){
        //         console.log(i)
        //     }

        // }

        for(let i=100; i<1000; i++){
            let strI = i + ""
            if(strI[0] ** 3 + strI[1] ** 3 + strI[2] ** 3 === i){
                console.log(i)
            }
        }

5.100以内所有3的倍数

// 求100以内所有3的倍数（求它们个数和总和）
        let count = 0 // 计数器
        let result = 0 // 用来存储计算结果（累加结果）

        // // 求100以内所有的数
        // for(let i=1; i<=100; i++){

        //     // 获取3的倍数
        //     if(i % 3 === 0){
        //         count++
        //         result += i
        //     }
        // }



        for(let i=3; i<=100; i+=3){
            count++
            result += i
        }
        
        console.log(`3的倍数一共有${count}个，总和为${result}`)

6.税收

           var salary = parseFloat(prompt("请输入您的工资："));
           var tax = 0;
           if (!isNaN(salary)) {
               if (salary > 10000) {
                   tax += (salary - 10000) * 0.1;
                   salary = 10000;
               }
               if (salary > 5000) {
                   tax += (salary - 5000) * 0.05;
                   salary = 5000;
               }
               if (salary > 3500) {
                   tax += (salary - 3500) * 0.025;
                   money = 3500;
               }
               console.log("您需要交税为" + tax);
           } else {
               alert("请正确输入！！！")
           }
       }

7.九九乘法表

    <script>
        for (var j = 1; j <= 9; j++) { //外层循环，9行

            for (var i = 1, str = ""; i <= j; i++) { //内层循环
                str += i + "*" + j + "=" + i * j + " ";
            }
            console.log(str)


        }
    </script>

8.定时器

<!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>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        .container {
            position: relative;
            margin: 400px auto;
            transition: 5s;
        }
        
        .container>div {
            border-radius: 50%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            transition: 1s;
            margin: auto;
        }
        
        .container>div:nth-child(1) {
            width: 600px;
            height: 600px;
        }
        
        .container>div:nth-child(2) {
            width: 500px;
            height: 500px;
        }
        
        .container>div:nth-child(3) {
            width: 400px;
            height: 400px;
        }
        
        .container>div:nth-child(4) {
            width: 300px;
            height: 300px;
        }
        
        .container>div:nth-child(5) {
            width: 200px;
            height: 200px;
        }
        
        .container>div:nth-child(6) {
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <div class="container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    <script>
        var colors = ['red', 'orange', 'yellow', 'green', 'aqua', 'lightblue', 'plum'];
        var divs = document.querySelectorAll(".container>div");
        setInterval(function() {
            colors.push(colors[0]);
            colors.shift();
            for (var i = 0; i < divs.length; i++) {


                divs[i].style.background = colors[i]
            }
        }, 1000)
    </script>
</body>

</html>