web前端作业-CSDN博客

本文链接：https://blog.csdn.net/yhahab/article/details/131984849

1.99乘法表：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <link rel="stylesheet" href="./99.css"
</head>

<body>
    <script>
        for (let i = 1; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
                document.write(`<span>${j}*${i}=${i * j}</span>`)
            }
            document.write(`<br />`)
        }
    </script>
</body>

</html>

css文件

span {

display: inline-block;

width: 100px;

height: 30px;

margin: 15px;

background-color: chartreuse;

text-align: center;

border-radius: 10px;

line-height: 30px;

}

2.数组[2,1,33,22,56,43,44]遍历求最大值

<!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>
<body>
    <script>
  const arr = [2,1,33,22,56,43,44]
let maxNum = arr[0];
for(let i = 0; i < arr.length; i++){
  if( arr[i] > maxNum ){
    maxNum = arr[i]
  }
}
console.log(maxNum)
    </script>
</body>
</html>

3.封装函数，完成用户输入秒数，将转换完毕的时分秒打印出来

1.用户输入秒数

2.函数

3.补零

4.返回值

5.函数调用

6.打印

<!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>
<body>
    <script>
        let a = +prompt('请输入的秒数：')
        function getTime(a){
            h = parseInt(a/60/60%24)
            m = parseInt(a/60%60)
            s = parseInt(a%60)
            h = h < 10 ? '0' + h:h
            m = m < 10 ? '0' + m:m
            s = s < 10 ? '0' + s:s
            console.log(h,m,s)
            return `${h}小时${m}分钟${s}秒`
 
        }
        let str = getTime(a)
        document.write(str)
 
    </script>
</body>
</html>

需求：请把下面数据中的对象打印出来：

定义一个存储了若干学生信息的数组

let students = [

{ name: '小明', age: 18, gender: '男', hometown: '河北省' },

{ name: '小红', age: 19, gender: '女', hometown: '河南省' },

{ name: '小刚', age: 17, gender: '男', hometown: '山西省' },

{ name: '小丽', age: 18, gender: '女', hometown: '山东省' }

]

<!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>
<body>
    <script>
       
        let students = [
                { name: '小明', age: 18, gender: '男', hometown: '河北省' },
                { name: '小红', age: 19, gender: '女', hometown: '河南省' },
                { name: '小刚', age: 17, gender: '男', hometown: '山西省' },
                { name: '小丽', age: 18, gender: '女', hometown: '山东省' }
            ]
        for(let k in students){
            console.log(students[k])
            for(let j in students[k]){
                console.log(j)
                console.log(students[k][j])
            }
        }
    </script>
</body>
</html>