first commit

历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/js/for.html

@@ -0,0 +1,76 @@
+<!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>
+    <ul>
+        
+    </ul>
+</body>
+<script>
+    // var res =0
+    // for (var i =1;i<=100;i++) {
+    //     res+=i
+
+    // }
+    // console.log(res);
+
+    // var car = {
+    //     name: {
+    //         name1: 'F150',
+    //         name2: '猛禽'
+    //     },
+    //     speed: 6,
+    //     color: "black"
+    // };
+    // for (var key in car) {
+    //     if (car[key].hasOwnProperty ("name1")) {
+    //         for (var i in car[key])
+    //         console.log(car[key][i]);
+    //     }
+    //     console.log(car[key]);
+    // }
+
+
+
+    var news = [
+        {
+            title: '新闻1标题',
+            time: '2020-10-29',
+            content: "新闻1内容"
+        },
+        {
+            title: '新闻2标题',
+            time: '2020-10-29',
+            content: "新闻2内容"
+        },
+        {
+            title: '新闻3标题',
+            time: '2020-10-29',
+            content: "新闻3内容"
+        },
+        {
+            title: '新闻4标题',
+            time: '2020-10-29',
+            content: "新闻4内容"
+        }
+    ];
+    for (var index = 0; index < news.length; index++) {
+        
+        var li = ` <li>
+            <h2>${news[index].title}</h2>
+            <span>${news[index].time}</span>
+            <div>${news[index].content}</div>
+        </li>`
+        document.querySelector("ul").innerHTML+=li
+    }
+
+
+
+
+</script>
+</html>

历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/js/function.html

@@ -0,0 +1,39 @@
+<!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>
+    <style>
+        body,html{
+            width: 100%;
+            height: 100%;
+            margin: 0;
+        }
+        span {
+            position: absolute;
+            font-size: 20px;
+        }
+    </style>
+</head>
+<body>
+    
+</body>
+
+
+<script>
+    document.querySelector("body").onclick = function (event) {
+        var x = event.clientX, y=event.clientY
+        
+        var span = document.createElement("span")
+        span.style.left = `${x}px`
+        span.style.top = `${y}px`
+        span.innerText = "hahah"
+        console.log(span);
+        document.querySelector("body").appendChild(span)
+        
+    }
+    
+</script>
+</html>

历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/js/条件语句.html

@@ -0,0 +1,53 @@
+<!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>
+    <input type="text" placeholder="请输入分数">
+    <button>查询</button>
+    <div class="result"></div>
+</body>
+<script>
+
+
+    // document.querySelector("button").onclick = () => {
+    //     var num = document.querySelector("input").value
+    //     var res = document.querySelector(".result")
+    //     if (num < 60) {
+    //         console.log("不及格");
+    //         res.innerText = "不及格"
+    //     } else if (num >= 60 && num < 70) {
+    //         console.log("一般");
+    //         res.innerText = "一般"
+    //     } else if (num >= 70 && num < 80) {
+    //         console.log("普通");
+    //         res.innerText = "普通"
+    //     } else if (num >= 80 && num < 90) {
+    //         console.log("良好");
+    //         res.innerText = "良好"
+    //     } else if (num >= 90 && num <= 100) {
+    //         console.log("优秀");
+    //         res.innerText = "优秀"
+    //     } else {
+    //         console.log("不合理");
+    //         res.innerText = "不合理"
+    //     }
+    // }
+    
+
+    var je = true
+    je? console.log("不合理") : console.log("11")
+
+
+
+
+
+</script>
+
+</html>