diff --git "a/\340\270\202\340\271\211\340\270\2552-class.html" "b/\340\270\202\340\271\211\340\270\2552-class.html"
new file mode 100644
index 0000000..0a2274c
--- /dev/null
+++ "b/\340\270\202\340\271\211\340\270\2552-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>
\ No newline at end of file
diff --git "a/\340\270\202\340\271\211\340\270\2553-class.html" "b/\340\270\202\340\271\211\340\270\2553-class.html"
new file mode 100644
index 0000000..9f4daa7
--- /dev/null
+++ "b/\340\270\202\340\271\211\340\270\2553-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>
\ No newline at end of file
diff --git "a/\340\270\202\340\271\211\340\270\2554-class.html" "b/\340\270\202\340\271\211\340\270\2554-class.html"
new file mode 100644
index 0000000..5c8800e
--- /dev/null
+++ "b/\340\270\202\340\271\211\340\270\2554-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>
\ No newline at end of file
