老师看下对不

来源：4-5 编程练习

我不是胖球球

2021-06-26 01:39:20

相关代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #wrap {
            width: 324px;
            margin: 0 auto;
        }

        button {
            padding: 10px 20px;
            margin-bottom: 20px;
            border: none;
            border-radius: 3px;
            background: #f01414;
            color: #fff;
        }

        #intro {
            width: 300px;
            min-height: 100px;
            line-height: 20px;
            padding: 10px;
            border: 2px solid gray;
            border-radius: 3px;
        }
    </style>
</head>

<body>
    <div id="wrap">
        <button>添加</button>
        <div id="intro"></div>
    </div>
    <script>
        // 在此补全代码
        var btn = document.querySelector('button');
        var box = document.getElementById('intro');
        const addintro = {
            名字: "功夫 ",
            年份: "2004",
            导演: "刘镇伟",
            主演: "周星驰 / 吴孟达 / 罗家英",
            类型: "喜剧 / 爱情 / 奇幻 / 古装",
            简介: "20世纪40年代的中国广东，有一名无可救药的小混混。。。。。"
        }
        function add(addintro) {
            const defaultintro = {
                名字: "大话西游之月光宝盒 ",
                年份: "2014",
                导演: "刘镇伟",
                主演: "周星驰 / 吴孟达 / 罗家英",
                类型: "喜剧 / 爱情 / 奇幻 / 古装",
                简介: "　孙悟空（周星驰）护送唐三藏（罗家英）去西天取经路上，与牛魔王合谋欲杀害唐三藏，并偷走了月光宝盒，此举使观音萌生将其铲除心思，经唐三藏请求，孙悟空被判五百年后重新投胎做人赎其罪孽...."
            }
            let { 名字, 年份, 导演, 主演, 类型, 简介} = { ...defaultintro, ...addintro };
            box.innerHTML = `<h3>${名字}</h3><p>${导演}</p><p>${主演}</p><p>${类型}</p><p>${年份}</p><p>${简介}</p>`;
        }
        add();
        btn.onclick = function () {
            add(addintro);
        }
    </script>
</body>

</html>