Website Creation Class (Work Files/Project Files)

MafuSaku · Jun 29, 2022 · d102030 · d102030
1 parent 500303d
commit d102030
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 0 deletions.
diff --git a/ข้อ2-class.html b/ข้อ2-class.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+    <body>
+        <h1>HTML JavaScript</h1>
+
+        <button type="button" onclick="document.getElementById('test').innerHTML = Date()">
+        คลิกที่นี่เพื่อแสดงวันที่และเวลา</button>
+
+        <p id="test"></p>
+    </body>
+</html>
diff --git a/ข้อ3-class.html b/ข้อ3-class.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+    <body>
+        <script>
+        function light(sw) {
+            var pic;
+            if (sw == 0) {
+                pic = "sollyzgift.png"
+            } else {
+                pic = "sundyzgift.png"
+            }
+            document.getElementById('myImage').src = pic;
+        }
+        </script>
+
+        <img id="myImage" src="sollyzfxiivgift.png">
+
+        <p>
+        <button type="button" onclick="light(1)">ภาพ1</button>
+        <button type="button" onclick="light(0)">ภาพ2</button>
+        </p>
+
+    </body>
+</html>
diff --git a/ข้อ4-class.html b/ข้อ4-class.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+    <body>
+        <h1>My First JavaScript</h1>
+
+        <p id="demo">JavaScript can change the style of an HTML element.</p>
+
+        <script>
+            function myFunction() {
+                document.getElementById("demo").style.fontSize = "25px";
+                document.getElementById("demo").style.color = "pink";
+                document.getElementById("demo").style.backgroundColor = "#aec6cf";
+            }
+        </script>
+
+        <button type="button" onclick="myFunction()">Click Me!</button>
+    </body>
+</html>