first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/font-end-nine/项目练习/上课项目/js案例/index.html
+++ b/历届学生/font-end-nine/项目练习/上课项目/js案例/index.html
@@ -0,0 +1,40 @@
+<!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>
+    <button>点我</button>
+    <div style="display: block;" class="text">哈哈哈哈</div>
+</body>
+<script>
+    // 1 点击显示(block)和隐藏（display: none）元素
+    //   思路：
+    //     1 给button 绑定 点击事件
+    //     2 
+
+    // 2 显示的时候随机变化颜色
+    //    hsla 来实现的
+    var button = $("button"), text = $(".text");
+
+    button.onclick = function () {
+        if (text.style.display == "block") {
+            text.style.display = "none"
+        } else {
+            text.style.display = "block"
+            text.style.color = `hsl(${Math.random() * 360},100%,50%)`
+        }
+    }
+
+
+
+    function $(className) {
+        return document.querySelector(className)
+    }
+
+
+</script>
+</html>