Add a mess

DataEraserC · DataEraserC · commit e94a2eb7ab3d · 2022-10-23T12:20:13.000+08:00
diff --git a/html/11.html b/html/11.html
@@ -9,20 +9,23 @@
 </head>
 
 <body>
-    <h1 id="p1">
+    <h1 id="h">
         <p>123</p>
-        <p>456</p>
     </h1>
-    <h1 id="p2">
-        <p>123</p>
+    <h1 class="a1">
+        <p>1</p>
+    </h1>
+    <h1 class="a1">
+        <p>2</p>
     </h1>
+    <h1 class="a1">
+        <p>3</p>
+    </h1>
+    <button onclick="a()">点我变456</button>
+    <button onclick="b()">点我变123</button>
+    <input type="text" onkeydown="key()"></input>
 </body>
 
 </html>
-<script>
-    window.alert("alert");
-    // document.write("123");
-    document.getElementById("p1").innerHTML = 456;
-    console.log(document.getElementById("p1").innerHTML)
-    console.log(document.getElementById("p2").innerText)
-</script>
+
+<script src="11.js"></script>
diff --git a/html/11.js b/html/11.js
@@ -0,0 +1,23 @@
+// document.getElementById("h").innerHTML = 456
+// // console.log(document.getElementsByClassName("a1"))
+// document.getElementsByClassName("a1")[0].innerHTML = 4
+// var revise = document.getElementsByClassName("a1")
+// revise[0].innerHTML = "revise[0]"
+// // console.log(document.getElementById("h").innerHTML)
+// // console.log(document.getElementById("h").innerText)
+// document.getElementsByClassName("a1")[0].style.background = "red"
+function a()
+{
+document.getElementById("h").innerHTML = 456
+}
+function b()
+{
+    document.getElementById("h").innerHTML = 123
+}
+function key()
+{
+    console.log(event.key)
+    if (event.key == ' ') {
+        alert("\" \"")
+    }
+}
