first commit

历届学生/font-end-nine/项目练习/学生项目/刘正阳/每日练习/6.15 js练习/index.html

@@ -0,0 +1,28 @@
+<!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>
+    var botton = $("botton"),text = $("text")
+    botton.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>