第五天加六天作业

最新推荐文章于 2024-09-12 14:28:05 发布

人工糖精

最新推荐文章于 2024-09-12 14:28:05 发布

阅读量26

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_73860010/article/details/131988090

版权

第五天作业

九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
    <html>
      <head>
        <meta charset="utf-8" />
        <title>九九乘法表</title>
        <style>
            span {
              display: inline-block;
              width: 100px;
              height: 30px;
              margin: 15px;
              background-color: hotpink;
              text-align: center;
              border-radius: 10px;
              line-height: 30px;
            }
            
            </style>
            
      </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>

在这里插入图片描述

数组遍历

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
    </head>
    <body>
        <script>
            
            let arr=[2,1,33,22,56,43,44]
            let max=arr[0]
            for(let i=0;i<arr.length;i++){
                if(max<arr[i]){
                    max=arr[i]
                }
            }
            console.log(max);
        </script>
    </body>
</html>

在这里插入图片描述

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <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>

在这里插入图片描述

第六天作业

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    let student=[
    {name:'小明',age:18,gender:'男',hometown:'河北省'},
    {name:'小红',age:19,gender:'女',hometown:'河南省'},
    {name:'小刚',age:17,gender:'男',hometown:'山西省'},
    {name:'小丽',age:18,gender:'女',hometown:'山东省'}
    ]
   let a = JSON.stringify(student);
   console.log(a)
   document.write(a)
    </script>
</body>
</html>