{"id":19202,"date":"2024-10-09T14:35:49","date_gmt":"2024-10-09T07:35:49","guid":{"rendered":"https:\/\/dp.rmutsv.ac.th\/?p=19202"},"modified":"2025-02-13T09:47:30","modified_gmt":"2025-02-13T02:47:30","slug":"%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%88%e0%b8%b1%e0%b8%9a%e0%b8%84%e0%b8%b9%e0%b9%88%e0%b8%ad%e0%b8%b4%e0%b9%82%e0%b8%a1%e0%b8%88%e0%b8%b4emoji-matching-game","status":"publish","type":"post","link":"https:\/\/dp.rmutsv.ac.th\/?p=19202","title":{"rendered":"\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34(Emoji matching game)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21<\/strong> : \u0e19\u0e32\u0e22\u0e40\u0e14\u0e0a\u0e32\u0e27\u0e31\u0e15 \u0e2b\u0e32\u0e0d\u0e13\u0e23\u0e07\u0e04\u0e4c \u0e23\u0e2b\u0e31\u0e2a 167404130078<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong> : \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0e27\u0e34\u0e0a\u0e32<\/strong> : 04000104 \u0e01\u0e32\u0e23\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c 1\/2567<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>1. \u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e20\u0e32\u0e1e\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e40\u0e01\u0e21\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e25\u0e48\u0e19\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e08\u0e14\u0e08\u0e33\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e40\u0e01\u0e21\u0e19\u0e35\u0e49\u0e21\u0e35\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e20\u0e32\u0e1e\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0b\u0e36\u0e48\u0e07\u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e08\u0e30\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e20\u0e32\u0e1e\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 HTML, CSS, \u0e41\u0e25\u0e30 JavaScript \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e29\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21\u0e1a\u0e19\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" data-id=\"21491\" src=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079-1024x717.jpeg\" alt=\"\" class=\"wp-image-21491\" srcset=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079-1024x717.jpeg 1024w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079-300x210.jpeg 300w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079-768x538.jpeg 768w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079-1536x1076.jpeg 1536w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/IMG_0079.jpeg 1822w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>(Emoji matching game)<\/strong><\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><br><strong>2. \u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21\u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e15\u0e23\u0e23\u0e01\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e08\u0e33\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e43\u0e19\u0e02\u0e13\u0e30\u0e40\u0e25\u0e48\u0e19\u0e40\u0e01\u0e21<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e01\u0e21\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e38\u0e01\u0e2a\u0e19\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>3. \u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3.1 \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e20\u0e32\u0e1e\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e17\u0e35\u0e48\u0e40\u0e25\u0e48\u0e19\u0e44\u0e14\u0e49\u0e1a\u0e19\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3.2 \u0e43\u0e0a\u0e49\u0e20\u0e32\u0e29\u0e32 HTML, CSS, \u0e41\u0e25\u0e30 JavaScript \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32  \u0e40\u0e01\u0e21\u0e21\u0e35\u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e25\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e39\u0e48<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3.3 \u0e21\u0e35\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 8 \u0e0a\u0e19\u0e34\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e01\u0e32\u0e23\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 16 \u0e43\u0e1a (\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e41\u0e15\u0e48\u0e25\u0e30\u0e0a\u0e19\u0e34\u0e14\u0e21\u0e35 2 \u0e43\u0e1a)<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>4. \u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4.1 \u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 JavaScript \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4.2 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 CSS \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4.3 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e40\u0e01\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4.4 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>5. \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2022 <strong>HTML (HyperText Markup Language)<\/strong>: \u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e29\u0e32\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2022 CSS (Cascading Style Sheets): <\/strong>\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07<strong> HTML<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2022 JavaScript: <\/strong>\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e29\u0e32\u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e01\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>6. \u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e1c\u0e31\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 <strong>(flowchart)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" data-id=\"19244\" src=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-724x1024.png\" alt=\"\" class=\"wp-image-19244\" srcset=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-724x1024.png 724w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-212x300.png 212w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-768x1086.png 768w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-1087x1536.png 1087w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19.png 1415w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e21\u0e41\u0e1a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.1 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07: \u0e43\u0e0a\u0e49 HTML \u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e40\u0e01\u0e21\u0e41\u0e25\u0e30\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e01\u0e21\u0e43\u0e2b\u0e21\u0e48<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.2 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25: \u0e43\u0e0a\u0e49 CSS \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e15\u0e48\u0e25\u0e30\u0e43\u0e1a\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e40\u0e23\u0e35\u0e22\u0e07\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e34\u0e14<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.3 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c: \u0e43\u0e0a\u0e49 JavaScript \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e4c\u0e14 \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e04\u0e25\u0e34\u0e01 \u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e48\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e44\u0e14\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>7. \u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.1 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e40\u0e01\u0e21\u0e08\u0e30\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14 16 \u0e43\u0e1a\u0e17\u0e35\u0e48\u0e0b\u0e48\u0e2d\u0e19\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e44\u0e27\u0e49<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.2 \u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e17\u0e35\u0e48\u0e0b\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e39\u0e48<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.3 \u0e2b\u0e32\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e43\u0e1a\u0e21\u0e35\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19 \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\u0e08\u0e30\u0e16\u0e39\u0e01\u0e0b\u0e48\u0e2d\u0e19\u0e44\u0e1b<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.4 \u0e2b\u0e32\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e44\u0e21\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19 \u0e08\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e41\u0e25\u0e49\u0e27 1 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.5 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e04\u0e23\u0e1a\u0e17\u0e31\u0e49\u0e07 8 \u0e04\u0e39\u0e48 \u0e08\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e22\u0e34\u0e19\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 \u201cStart New Game\u201d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e01\u0e21\u0e43\u0e2b\u0e21\u0e48<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"646\" data-id=\"20396\" src=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141713-1024x646.png\" alt=\"\" class=\"wp-image-20396\" srcset=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141713-1024x646.png 1024w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141713-300x189.png 300w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141713-768x485.png 768w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141713.png 1261w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\">\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/mark><\/figcaption><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" data-id=\"20399\" src=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141642-1024x604.png\" alt=\"\" class=\"wp-image-20399\" srcset=\"https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141642-1024x604.png 1024w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141642-300x177.png 300w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141642-768x453.png 768w, https:\/\/dp.rmutsv.ac.th\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-09-141642.png 1363w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>8. \u0e01\u0e32\u0e23\u0e17\u0e14\u0e25\u0e2d\u0e07<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e01\u0e21\u0e42\u0e14\u0e22\u0e17\u0e33\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e19\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a JavaScript \u0e40\u0e0a\u0e48\u0e19 Google Chrome, Firefox \u0e2b\u0e23\u0e37\u0e2d Microsoft Edge \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e01\u0e21\u0e43\u0e2b\u0e21\u0e48<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>9. \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9.1 \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e4c\u0e14: \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e17\u0e48\u0e32\u0e40\u0e17\u0e35\u0e22\u0e21\u0e01\u0e31\u0e19<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9.2 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e01: \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2b\u0e21\u0e14\u0e40\u0e01\u0e21\u0e17\u0e35\u0e48\u0e21\u0e35\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e39\u0e48\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e33\u0e01\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9.3 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e2a\u0e35\u0e22\u0e07: \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e44\u0e14\u0e49\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e21\u0e08\u0e1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9.4 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19: \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e4c\u0e14 \u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e40\u0e17\u0e48\u0e32\u0e44\u0e2b\u0e23\u0e48\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>10. \u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e20\u0e32\u0e1e\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34\u0e19\u0e35\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e43\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e14\u0e49\u0e27\u0e22\u0e20\u0e32\u0e29\u0e32 HTML, CSS, \u0e41\u0e25\u0e30 JavaScript \u0e1c\u0e39\u0e49\u0e40\u0e25\u0e48\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e25\u0e34\u0e14\u0e40\u0e1e\u0e25\u0e34\u0e19\u0e41\u0e25\u0e30\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e01\u0e32\u0e23\u0e08\u0e14\u0e08\u0e33 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e21\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e0a\u0e48\u0e19 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e01 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>11. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2022 Mozilla Developer Network (MDN): https:\/\/developer.mozilla.org<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2022 W3Schools HTML, CSS, and JavaScript tutorials: https:\/\/www.w3schools.com<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>Code Game<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n  &lt;title&gt;Emoji Matching Game&lt;\/title&gt;\n  &lt;style&gt;\n    body {\n      font-family: Arial, sans-serif;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100vh;\n      background-color: #000000;\n    }\n    .game-board {\n      display: grid;\n      grid-template-columns: repeat(4, 100px);\n      grid-gap: 10px;\n    }\n    .card {\n      width: 100px;\n      height: 100px;\n      background-color: #eee;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 2rem;\n      cursor: pointer;\n      border-radius: 10px;\n      user-select: none;\n    }\n    .hidden {\n      background-color: #5CE75C;\n      cursor: default;\n    }\n    #reset-btn {\n\t  margin-left:20px;\n      margin-top: 20px;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      background-color: #4CAF50;\n      color: white;\n      border: none;\n      border-radius: 5px;\n    }\n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n  &lt;div class=\"game-board\" id=\"game-board\"&gt;&lt;\/div&gt;\n  &lt;button id=\"reset-btn\" onclick=\"startGame()\"&gt;Start New Game&lt;\/button&gt;\n\n  &lt;script&gt;\n    const emojis = &#091;'\ud83d\ude00', '\ud83d\ude0e', '\ud83d\udc31', '\ud83d\udc36', '\ud83c\udf4e', '\ud83c\udf4c', '\ud83d\ude97', '\u2708\ufe0f'];\n    let cardValues = &#091;];\n    let firstCard = null;\n    let secondCard = null;\n    let matchedPairs = 0;\n\n    function shuffle(array) {\n      return array.sort(() =&gt; Math.random() - 0.5);\n    }\n\n    function createBoard() {\n      const gameBoard = document.getElementById('game-board');\n      gameBoard.innerHTML = ''; \/\/ Clear the board\n      cardValues = shuffle(&#091;...emojis, ...emojis]); \/\/ Duplicate and shuffle\n      cardValues.forEach((emoji, index) =&gt; {\n        const card = document.createElement('div');\n        card.classList.add('card');\n        card.dataset.emoji = emoji;\n        card.dataset.index = index;\n        card.addEventListener('click', handleCardClick);\n        gameBoard.appendChild(card);\n      });\n    }\n\n    function handleCardClick(event) {\n      const clickedCard = event.target;\n      const index = clickedCard.dataset.index;\n\n      if (clickedCard.classList.contains('hidden') || firstCard &amp;&amp; secondCard) return; \/\/ Ignore already matched or clicked cards\n      \n      clickedCard.textContent = cardValues&#091;index]; \/\/ Reveal the emoji\n\n      if (!firstCard) {\n        firstCard = clickedCard;\n      } else {\n        secondCard = clickedCard;\n        if (firstCard.dataset.emoji === secondCard.dataset.emoji) {\n          firstCard.classList.add('hidden');\n          secondCard.classList.add('hidden');\n          matchedPairs++;\n          if (matchedPairs === emojis.length) {\n            setTimeout(() =&gt; alert('Congratulations! You matched all pairs!'), 300);\n          }\n          resetCards();\n        } else {\n          setTimeout(() =&gt; {\n            firstCard.textContent = '';\n            secondCard.textContent = '';\n            resetCards();\n          }, 1000);\n        }\n      }\n    }\n\n    function resetCards() {\n      firstCard = null;\n      secondCard = null;\n    }\n\n    function startGame() {\n      matchedPairs = 0;\n      resetCards();\n      createBoard();\n    }\n\n    \/\/ Start game on page load\n    startGame();\n  &lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 CreateBoard() \u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e40\u0e01\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 16 \u0e43\u0e1a \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 Emojis \u0e41\u0e25\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e2a\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e15\u0e48\u0e25\u0e30\u0e04\u0e23\u0e31\u0e49\u0e07<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>    function createBoard() {\n      const gameBoard = document.getElementById('game-board');\n      gameBoard.innerHTML = ''; \/\/ Clear the board\n      cardValues = shuffle(&#091;...emojis, ...emojis]); \/\/ Duplicate and shuffle\n      cardValues.forEach((emoji, index) =&gt; {\n        const card = document.createElement('div');\n        card.classList.add('card');\n        card.dataset.emoji = emoji;\n        card.dataset.index = index;\n        card.addEventListener('click', handleCardClick);\n        gameBoard.appendChild(card);\n      });\n    }<\/code><\/pre>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e42\u0e04\u0e49\u0e14\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34 <strong>(Emoji matching game)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22 \u0e42\u0e04\u0e49\u0e14\u0e40\u0e01\u0e21\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2d\u0e34\u0e42\u0e21\u0e08\u0e34 HTML,CSS,JAVASCRIPT\" width=\"620\" height=\"349\" src=\"https:\/\/www.youtube.com\/embed\/2yitN44PYDs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 : \u0e19\u0e32\u0e22\u0e40\u0e14\u0e0a\u0e32\u0e27\u0e31&#46;&#46;&#46;<\/p>\n","protected":false},"author":542,"featured_media":20426,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,53,1],"tags":[],"class_list":["post-19202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","category-53","category-1"],"_links":{"self":[{"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/19202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/users\/542"}],"replies":[{"embeddable":true,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19202"}],"version-history":[{"count":13,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/19202\/revisions"}],"predecessor-version":[{"id":21497,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/19202\/revisions\/21497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=\/wp\/v2\/media\/20426"}],"wp:attachment":[{"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dp.rmutsv.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}