javascript练习

最新推荐文章于 2024-06-15 16:53:15 发布

monster - r

最新推荐文章于 2024-06-15 16:53:15 发布

阅读量43

点赞数

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

本文链接： https://blog.csdn.net/rrl18215821889/article/details/131976643

版权

用js做九九乘法表

<!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(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>

结果图

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

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 src="./06-外部.js"></script>
</body>
</html>

js代码

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

结果