js--for循环实现九九乘法表，倒立笑脸，倒立金字塔，判断一个数是不是水仙花数、随机抽取学号

和蔼的阿木木o

已于 2022-08-06 15:21:21 修改

阅读量325

点赞数 1

分类专栏： js 文章标签：前端 javascript

于 2022-07-28 12:38:07 首次发布

本文链接：https://blog.csdn.net/m0_59642141/article/details/126032206

版权

js 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

九九乘法表

<script>
    for (var i = 1; i <= 9; i++) {
        for (var n = 1; n <= i; n++) { //一行多少个式子
            var c = i * n;
            if(c<10){ //乘积位数是1位
            document.write(n + "*" + i + "=" + c + "&ensp;&ensp;");
         }else{//乘积数是两位
            document.write(n + "*" + i + "=" + c + "&ensp;");
         }
        }
        document.write("<br>")
    }

</script>

倒立笑脸

<script>
    for (i = 1; i <= 7; i++) {

        for (var t = 2; t <= i; t++) {
            document.write("&emsp;")
        }
        for (var n = 1; n <= 7 - i; n++) {
            document.write("\u263a" + "&emsp;")
        }
        document.write("<br>")
    }

</script>

倒立金字塔

<script>
    // for(var a=1;)
    // for (var i = 5; i >= 1; i--) {
    //     document.write("<hr style=width:" + (i * 5) + "%" + ">" + "<br>");
    // }
    // for (var i = 1; i <= 5; i++) {
    //     document.write("<hr style=width:" + (i * 5) + "%" + ">" + "<br>");
    // }
    for (var i = 100; i >= 20; i-=20) {
        document.write(`<hr width='${i}%' color='green'>`);
    }
    for (var j = 20; j <= 100; j += 20) {
        document.write("<hr width='" + j + "%' color='green'> ");
    }

</script>

判断一个数是否是水仙花数

<script>
function box(n){
        var a=n % 10;   //个位 
        var b=parseInt((n / 10) % 10);  //十位
        var c=parseInt(n / 100);   //百位
            if(n===a*a*a+b*b*b+c*c*c){
            return n+"这是一个水仙花数";
        }else{
            return n+"这不是一个水仙花数";
        }
    }
   alert(box(153))   //调用 判断的数写在box里
</script>

   <style>
        .box{
            width: 150px;
            height: 150px;
            text-align: center;
            border: 2px solid #000000;
            border-radius: 50%;
        }
        .box p{
            margin-top: 50px;
        }
        #btn{
            width: 50px;
            margin-top: 10px;
            margin-left:50px;
        }
        #span{
            color: red;
        }
    </style>
</head>
<body>
    <div class="box">
        <p>web2202 <span id="span"></span></p>
    </div>
    <button id="btn">开始</button>
</body>
<script>
    var obtn = document.getElementById("btn");
    var a = document.getElementById("span");
    obtn.onclick = function(){
        function bon(i) {
            if (i < 10) {
                i = '0' + i;
            }
            return i;
                }
        a.innerHTML= bon(Math.floor(Math.random()*(51) + 1 ));
    }
</script>


    <style>
        #box{
            width: 150px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #000000;
            border-radius: 50%;
        }
        #btn{
            width: 50px;
            margin-top: 10px;
            margin-left:50px;
        }
        #span{
            color: red;
        }
    </style>
</head>
<body>
    <div id="box">
        <p>web2202<span id="span"></span></p>
    </div>
    <button id="btn">开始</button>
</body>
<script>
    function bon(i) {
            if (i < 10) {
                i = '0' + i;
            }
            return i;
        }
    var oDiv = document.getElementById("box");
    var obtn = document.getElementById("btn");
    var a = document.getElementById("span");
    var timer = null,count = 0,flag = false;
    
  //第一种方法
    // obtn.onclick = function(){
    //     count ++;
    //     if(count % 2===1){
    //         this.innerHTML = "停止";
    //         timer = setInterval(randNum,100); //开始计时
    //     }else{
    //         this.innerHTML = "开始"
    //         clearInterval(timer);  //停止计时
    //     }
        
    // }


    //第二种方法
        obtn.onclick = function(){
        if(!flag){
            this.innerHTML = "停止";
            timer = setInterval(randNum,100); //开始计时
            flag = true;
        }else{
            this.innerHTML = "开始"
            clearInterval(timer); //停止计时器
            flag = false;
        }
        
    }


        function randNum(){
        var num =Math.floor(Math.random()* 51 + 1 ); //[1-51]

        a.innerHTML= bon(num);
                }
    
</script>
</html>

for循环输入行数列数，输出表格

<script>
    var x = prompt("请输入行数");
    var y = prompt("请输入列数");
    document.write("<table border=1>");
    for (var a = 1; a <= x; a++) {
        document.write("<tr>");
        for (var b = 1; b <= y; b++) {
            document.write("<td>第" + a + "行，第" + b + "列</td>");
        }
        document.write("</tr>");
    }

    document.write("</table>");
</script>