web前端三

最新推荐文章于 2024-06-12 11:13:48 发布

zyp246810

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量22

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/zyp246810/article/details/131989498

版权

案列一（九九乘法表）

源码一：

<!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 src="./作业5-1.js"></script>
</body>
</html>

源码二：

for(let i=1;i<=9;i++){
    for(let j=1;j<=i;j++){
        document.write(j+'*'+i+'='+ i*j);
        document.write('&nbsp &nbsp');       
      }
      document.write('<br>');
}

案列二：

源码一：

<!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>
    <!-- 3、数组[2,1,33,22,56,43,44]遍历求最大值 -->
    <script src="./作业5-2.js"></script>
</body>
</html>

源码二：

let a=[2,1,33,22,56,43,44];
let max=0;
for(let i=0;i<7;i++){
    if(max<a[i]){
        max=a[i];
    }
}
 document.write('该数组最大值为：' +max);

案列三：

源码一：

<!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 src="./作业6-1.js"></script>
</body>
</html>

源码二：

let time = +prompt('请输入秒数：')
function hms(n) {
  let  h = parseInt(n / 60 / 60 % 24)
  let  m = parseInt(n / 60 % 60)
   let s = parseInt(n % 60)
   h = h < 10 ? '0' + h : h
   m = m < 10 ? '0' + m : m
   s = s < 10 ? '0' + s : s
return `${h}小时${m}分钟${s}秒`
}
let str=hms(time)
document.write(str)

在这里插入图片描述

案例四：

源码一：

<!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>
    <div id = "output"></div>
    <script src="./作业6-2.js"></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:'山东省'}

]
let outputDiv = document.getElementById('output');
for(let i = 0; i < students.length; i++) {
let student = students[i];
let studentInfo =     '姓名: ' + student.name + '<br>' +
                '年龄: ' + student.age + '<br>' +
                '性别: ' + student.gender + '<br>' +
                '家乡: ' + student.hometown + '<br>' 
outputDiv.innerHTML += studentInfo;
}

在这里插入图片描述