JavaScript：100以内质数1000以内的质数显示和统计

与鱼有约

已于 2022-06-07 17:01:35 修改

阅读量943

点赞数 2

文章标签：质数计算器 JavaScript 网页应用数值计算

于 2022-06-07 17:00:46 首次发布

本文链接：https://blog.csdn.net/weixin_62273193/article/details/125168972

版权

页面效果

质数又称素数。指整数在一个大于1的自然数中，除了1和此整数自身外，没法被其他自然数整除的数。换句话说，只有两个正因数(1和自己)的自然数即为素数。比1大但不是素数的数称为合数。1和0既非素数也非合数。素数在数论中有着很重要的地位。

代码

<!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;
            text-align: center;

        }

        h1 {
            margin-bottom: 50px;
        }

        form {
            width: 1200px;
            height: 800px;
            margin: 50px auto;
            background: #f8f8f8;
            padding: 100px;
            box-sizing: border-box;
            overflow: auto;
        }

        ul {
            display: flex;
            justify-content: start;
            align-items: center;
            flex-wrap: wrap;

        }

        li {
            list-style: none;
            padding: 5px 10px;
            width: 25px;

        }

        #show1 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        label,
        input {
            font-size: 22px;
        }
    </style>
</head>

<body>

    <form action="">

        <h1>
            质数计算器
        </h1>
        <label for="fanwei">请输入范围</label> <input type="text" id="fanwei">
        <input type="button" onclick="calc()" value="计算"> </input>
        <input type="reset" onclick="reset2()" value="清除">
        <br> <br>
        <ul id="show1">

        </ul>
        <ul id="show2">

        </ul>


    </form>

</body>

<script>
    var show1 = document.getElementById('show1')
    var show2 = document.getElementById('show2')

    function calc() {
        reset2()
        var k = 0
        var fw = document.getElementById('fanwei').value
        for (var i = 2; i <= fw; i++) {
            // console.log(i)  //获取1-100的数字
            var flag = true; //创建一个布尔值，用来保存结果，默认i是质数
            for (var j = 2; j < i; j++)
                // console.log("--->"+j)//获取比i小且比2大的数字
                if (i % j == 0) { // 判断i是否能被j整除，质数是指除了能被1和它自身整除的数；
                    flag = false; //如果进入判断证明i不是质数，修改flag的值为false
                }
            if (flag) {
                console.log(i)
                show2.innerHTML += '<li>' + i + '</li>'
                k++;

            }
        }

        console.log(k)
        show1.innerHTML = fw + '之内有' + k + '个质数'

    }

    function reset2() {
        show1.innerHTML = " "
        show2.innerHTML = " "
    }
</script>

</html>