进来看很有趣，用JavaScript打印乘法口诀表用JavaScript打印加法口诀表用JavaScript打印菱形用JavaScript判断是否为回文用JavaScript解决百只鸡的问题

最新推荐文章于 2024-06-12 11:59:04 发布

极具浪漫主义色彩的菜鸟学习之路

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量225

点赞数

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

本文链接：https://blog.csdn.net/muweichang/article/details/126695703

版权

javaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

每次浪漫主义

【4K超清】五月天《后来的我们》线上版 Mayday Fly TO 2021

希望大家能好好珍惜你身边的那个她，别等失去了才后悔莫及。

JavaScript

用JavaScript打印乘法口诀表

<!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>
        h1 {
            text-align: center;
        }
        div{
            width: 700px;
            height: 300px;
            margin: 0 auto;     
        }
    </style>
</head>

<body>
    <div>
        <h1>乘法口诀表</h1>
        <script>
            var i; //定义行数
            var j; //定义列数
            var sum;
            for (i = 1; i <= 9; i++) { //循环9行
                for (j = 1; j <= i; j++) { //循环9列 j <= i时循环
                    //输出“列+行=结果”
                    sum=i+j;

                    document.write(j + "*" + i + "=" + i*j+ "&nbsp;&nbsp;&nbsp;");
                }
                document.write("<br/>"); // 一行输出完毕后换行
            }
       </script>
    </div>
    
</body>

</html>

运行效果图：
在这里插入图片描述

用JavaScript打印加法口诀表

运行效果图：
在这里插入图片描述

用JavaScript打印菱形

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

        div {
            width: 300px;
            height: 300px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <h1>菱形</h1>
    <div style="margin-top: 10px;">
        <input type="button" onclick="four()" value="点我生成菱形">
        <input type="text" id="num" placeholder="请输入菱形的边长" onclick="" style="width: 150px;">

    </div>

    <script>
        function four() { //点击菱形按钮触发的函数
            var number = num.value;
            document.writeln("打印菱形</br>");
            for (var i = 0; i < number; i++) {
                for (var j = number; j > i; j--) {
                    document.writeln("&nbsp&nbsp&nbsp");
                }
                for (var k = 0; k < 2 * i + 1; k++) {
                    document.writeln("**");
                }
                document.writeln("</br>");
            }

            for (var i = number - 1; i > 0; i--) {
                for (var j = number; j >= i; j--) {
                    document.writeln("&nbsp&nbsp&nbsp");
                }
                for (var k = 0; k < 2 * i - 1; k++) {
                    document.writeln("**");
                }
                document.writeln("</br>")
            }





        }





    </script>








</body>

</html>

运行效果图：在这里插入图片描述

用JavaScript判断是否为回文

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

        div {
            width: 700px;
            height: 300px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div>
        <h1>判断1000到9999有多少个回文数</h1>
        <div style="margin-top: 10px;">
            <input type="button" onclick="decide()" value="确定">
            <input type="text" id="num1" placeholder="请输入开始数" onclick="" style="width: 150px;">
            <span>-----</span>
            <input type="text" id="num2" placeholder="请输入结尾数" onclick="" style="width: 150px;">
        </div>
        <script>
            function decide() {
                var i = num1.value;
                var j = num2.value;
                var count=0;
                if (i <= j) {
                    for ( i ; i < j; i++) {
                        //个位
                        var a = parseInt(i % 10);
                        //10位
                        var b = parseInt(i / 10 % 10);
                        //百位
                        var c = parseInt(i / 10 / 10 % 10);                       
                        //千位
                        var d = parseInt(i / 10 / 10 /10 % 10);
                        if ((a == d) && (b == c)) {
                            document.writeln(''+i);
                            count++;
                        }
                    }
                }
                document.writeln('<br>'+'<h1>回文有'+count+'</h1>');


            }

        </script>
    </div>

</body>

</html>

运行效果图：
在这里插入图片描述

用JavaScript解决百只鸡的问题

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

        div {
            width: 700px;
            height: 300px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div>
        <h1>公鸡5元一只，母鸡3元一只，小鸡1元3只，100元要买100只鸡，共有几种情况</h1>
        <script>
            var a;
            var b;
            var c;
            var num=0;
            for (a = 0; a <= 20; a++){
                /*假设五块一只公鸡五元，最多能买20只*/ 
                for (b = 0; b <= 33; b++) {
                    for (c = 0; c <= 300; c++) {
                        if (5 * a + 3 * b + c * 1 / 3.0 == 100 && a + b + c == 100){
                            document.write('<br>'+a+'只公鸡'+b+'只母鸡'+c+'只小鸡');
                            num++;
                            document.write('<br>');
                        } 
                    }
                }                
            }            
            document.writeln('<h1>'+num+'种情况</h1>');
        </script>
    </div>

</body>

</html>

运行后的效果：

在这里插入图片描述

对于这篇学习笔记就暂时到这了，兄弟们加油❤️🤣😂😊😘💕😍😒
从现在做起，坚持下去，一天进步一小点，不久的将来，你会感谢曾经努力的你！
👩‍🔧👨‍🔧🧑‍🔧

如果有出错的，请各位友友指正

极具浪漫主义色彩的菜鸟学习之路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
进来看很有趣，用JavaScript打印乘法口诀表用JavaScript打印加法口诀表用JavaScript打印菱形用JavaScript判断是否为回文用JavaScript解决百只鸡的问题

用JavaScript打印乘法口诀表用JavaScript打印加法口诀表用JavaScript打印菱形用JavaScript判断是否为回文用JavaScript解决百只鸡的问题
复制链接

扫一扫