天然博客

前端大作业(帮别的院校做的)

2024-01-02 12:54:31 167

文章目录

        

CSS样式设计

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS样式设计</title>
</head>
<body>
<div>
    <div class="word-box">
        <h1>标题:CSS样式设计</h1>
        <p>
            小刚和小强先后从文件服务器上下载了同一个文件:Analysis.java。小刚在Analysis.java文件中的第30行声明了一个方法,叫count(),先保存到了文件服务器上;小强在Analysis.java文件中的第50行声明了一个方法,叫sum(),也随后保存到了文件服务器上,于是,count()方法就只存在于小刚的记忆中了。
        </p>
    </div>
    <div class="block-box">

    </div>
</div>
</body>
</html>

<style>
    body {
        background-color: darkgrey;
    }

    .word-box h1 {
        text-align: center;
        color: red;
        font-weight: bolder;
    }

    .word-box p {
        color: green;
        text-indent: 2em;
    }

    .block-box {
        background-color: blue;
        width: 100px;
        height: 100px;
        border: red solid 2px;
    }
</style>

JavaScript计算器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript计算器</title>
</head>
<body>

</body>
</html>

<script type="text/javascript">
    let fstNum = 5, sedNum = 10;

    function computer(fstNum, sedNum) {
        return fstNum + sedNum
    }

    console.log("fstNum + sedNum = " + computer(fstNum, sedNum))
</script>

JavaScript数组操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript数组操作</title>
</head>
<body>

</body>
</html>

<script type="text/javascript">
    let strList = ["str01", "str02", "str03", "str04", "str05"]

    function foreachList(list) {
        // 遍历数组
        list.forEach(item => {
            console.log(item)
        })
    }

    // 第一次遍历
    console.log("first foreach")
    foreachList(strList)
    // 添加新元素
    strList.push("str06")
    // 第二次遍历
    console.log("second foreach")
    foreachList(strList)
</script>
联系方式
文章目录