Js作业实例

原创 已于 2025-09-29 15:23:10 修改 · 1.6k 阅读 · 24 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #开发语言

于 2025-09-29 15:22:42 首次发布
<!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>
</head>
 <!-- （1）参照教材所讲内容，使用三种方式来引入JavaScript,实现弹框功能。 -->

 <!-- 行内式 -->
<body onload="alert('这是个行内弹框')">
   
   
    


<!-- 内部式 -->
    <!-- <script>
        
        alert('这是个内部弹框')

    </script> -->



<!-- 外部式 -->
<!-- <script src="test1.js"></script> -->

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 实现计算1+2+3+...100。 -->
<body>
    <script>
        var i,sum=0;

        for ( i=1 ; i <=100 ; i++) {
            
            sum+=i;
        }

        console.log(sum);

    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 判断女职工是否已经退休。假设某工种的男职工60岁退休，女职工55岁退休，应用if语句的嵌套来判断一个58岁的女职工是否已经退休。 -->
   
    <script>

      
        let sex = "f"; //f女 m男
        let age = 58;          // 当前年龄
        let retirementAge;     // 退休年龄

    // 判断是否已经退休
    if (sex === "f") {
        retirementAge = 55;
        if (age >= retirementAge) {
            document.write("该女职工已经退休");
        } else {
            console.log("该女职工还未退休");
        }
    } else if (sex === "m") {
        retirementAge = 60;
        if (age >= retirementAge) {
            document.write("该男职工已经退休");
        } else {
            document.write("该男职工还未退休");
        }
    }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 生成指定行列的星星图案。 -->
     <script>
        
var row = 5;
var col = 5;

for (var i = 0; i < row; i++) {
    for (var j = 0; j < col; j++) {
        document.write("*");
    }
    document.write("<br>");
}
     </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 生成九九乘法口诀表。 -->

    <script>
        for(var i=1;i<=9;i++){//行数

            for(var j=1;j<=i;j++){//个数
                document.write(i+"*"+j+"="+i*j+"&nbsp;&nbsp;");
            }
            document.write("<br>");
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金字塔</title>
</head>

<body>
    <input type="text" id="rows" placeholder="输入行数" />
    <input type="button" id="btn" value="查看" onclick="see()" /></br>
    <span id="show"></span>


    <script>
        function see() {
            var rows = Number(document.getElementById("rows").value);
            if (isNaN(rows)) {
                alert("请输入数字！");//如果输入的不是数字，提示输入数字
                return;
            } else if (rows <= 0) {
                alert("请输入大于0的行数！");//如果输入的行数小于等于0，提示输入大于0的行数
                return;
            }
            var str = ""
            for (var i = 0; i < rows; i++) {

                for (var j = 0; j < rows - i - 1; j++) {
                    str += "&nbsp;"//累加空格

                }

                for (var j = 0; j < i * 2 + 1; j++) {
                   str+="*";//累加*号

                }
                str+="</br>"//换行

            }
            document.getElementById("show").innerHTML = str;//将str中的内容显示在网页中
        }

    </script>
</body>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>求1000以内正整数</title>
</head>
<body>
    <!-- 1、使用函数输出1000以内能同时被6和9整除的正整数 -->

    <script>
        function test(){
            for(var i=1;i<=1000;i++){
                if(i%6==0 && i%9==0){
                
                    document.write(i+"<br>");
                    
                }
            }
        }
        test();
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冒泡排序</title>
</head>

<body>
    <!-- 完成冒泡排序算法 -->
    <script>

        var arr = [93, 31, 5, 27, 2, 78];
         document.write("待排序的数组：" + arr + "<br/>");
        function bubbleSort(arr) {
           
            for (let i = 0; i < arr.length; i++) {//控制轮数
                for (let j = 0; j < arr.length - i - 1; j++) {//控制参与比较的元素
                    if (arr[j] > arr[j + 1]) {//比较两个元素
                        var temp = arr[j];
                        arr[j] = arr[j + 1];
                        arr[j + 1] = temp;
                    }
                }

            }
            bubbleSort(arr)

        }


        document.write("排序后的数组：" + arr + "<br/>");
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>插入排序</title>
</head>
<body>
    <!-- 完成插入排序算法 -->
    <script>
        var arr = [98,7,65,54,12,6];
        document.write("待排序的数组：" + arr + "<br/>")
        function insertSort(arr) {
            for (var i = 1; i < arr.length; i++) {//按照重小到大循序排序
                //遍历数组，将有序的数组中的元素，插入到已排序的数组中
               for (var j = i; j > 0; j--) {
                if (arr[j-1]>arr[j]) {
                    var temp = arr[j-1];
                    arr[j-1] = arr[j];
                    arr[j] = temp;
                }
                
               }
            }
        }


        insertSort(arr);
        document.write("排序后的数组：" + arr + "<br/>")
    
    </script>
</body>
</html>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值