From d102030e58a5b4175589a821c059af823a8d7736 Mon Sep 17 00:00:00 2001
From: Scarlett <58628602+MafuSaku@users.noreply.github.com>
Date: Wed, 29 Jun 2022 14:21:02 +0700
Subject: [PATCH] Website Creation Class (Work Files/Project Files)

---
 ...0\202\340\271\211\340\270\2552-class.html" | 11 +++++++++
 ...0\202\340\271\211\340\270\2553-class.html" | 24 +++++++++++++++++++
 ...0\202\340\271\211\340\270\2554-class.html" | 18 ++++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 "\340\270\202\340\271\211\340\270\2552-class.html"
 create mode 100644 "\340\270\202\340\271\211\340\270\2553-class.html"
 create mode 100644 "\340\270\202\340\271\211\340\270\2554-class.html"
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
