Number.MAX_VALUE เป็น property ของ static Number object แทนค่าบวกสูงสุดที่ JavaScript จัดการได้ (ประมาณ 1.7976931348623157e+308) Number.MIN_VALUE เป็น property ของ static Number object แทนค่าบวกต่ำสุด (ใกล้ศูนย์มากที่สุด) ที่ JavaScript จัดการได้ (ประมาณ 5e-324) ไม่ใช่ค่าติดลบสูงสุด ตัวอย่าง <htm

เพื่อเลือกตัวเลือกใน dropdown ล่วงหน้าด้วย JavaScript ใช้พรอเพอร์ตี้ selectedIndex กำหนด index ของตัวเลือกที่ต้องการ (เริ่มจาก 0) Dropdown สร้างด้วย <select> ใน HTML JavaScript ใช้ <script> โดย add_select_id คือ id ของ select, add_item_index คือ index ตัวเลข ตัวอย่าง <!DOCTYPE html>

SVG (Scalable Vector Graphics) ภาษาอธิบาย 2D graphics ใน XML เบราว์เซอร์สมัยใหม่แสดงได้ เพื่อวาดเส้นใน SVG ใช้แท็ก <line> ตัวอย่าง: วาดเส้นทแยง <!DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 10%; transform:

SVG (Scalable Vector Graphics) คือภาษาสำหรับอธิบาย 2D graphics ใน XML เรนเดอร์โดย SVG viewer เบราว์เซอร์สมัยใหม่แสดง SVG ได้เหมือน PNG, GIF, JPG เพื่อวาดรูปหลายเหลี่ยม (polygon) ใน SVG ใช้แท็ก <polygon> สร้างกราฟิกอย่างน้อย 3 ด้าน สำหรับดาว ต้องตั้งค่าพิกัด x, y ของแต่ละมุมให้ถูกต้อง ตัวอย่าง:

เพื่อเพิ่มเพลงพื้นหลัง ใช้แท็ก <embed>...</embed>`` พร้อมแอตทริบิวต์ autoplay เพื่อเล่นอัตโนมัติเมื่อโหลดหน้า ตั้ง width และ height ให้เล็กมาก (หรือ 0) เพื่อซ่อน player แอตทริบิวต์ loop ระบุว่าเล่นซ้ำ วางไฟล์เพลงบนเซิร์ฟเวอร์และระบุลิงก์ใน src ตัวอย่าง <!DOCTYPE html> <html>

การวาดบน HTML <canvas> ต้องใช้ JavaScript ขั้นตอน: หา canvas element ด้วย getElementById() ดึง drawing context ด้วย getContext(2d) (มี methods/properties สำหรับวาด) วาดรูปทรงต่างๆ ตัวอย่าง: วาดสี่เหลี่ยมสีฟ้า <!DOCTYPE html> <html> <head> <title>HTML Canva

HTML5 Geolocation API ให้เว็บไซต์เข้าถึงตำแหน่งที่ตั้งของผู้ใช้ (latitude, longitude) ส่งไป backend เพื่อหาสถานที่ใกล้เคียง แสดงบนแผนที่ ฯลฯ API ทำงานผ่าน property navigator.geolocation (Geolocation object) เมธอดหลัก getCurrentPosition(success, error, options) – ดึงตำแหน่งปัจจุบันครั้งเดียว wat

Page redirection: คลิก URL หน้า X แต่ถูกนำไปหน้า Y ทำได้ง่ายด้วย JavaScript ฝั่งไคลเอนต์ ตัวอย่าง: Redirect ไปหน้าแรก <html> <head> <script> function Redirect() { window.location.assign(https://www.tutorialspoint.com); } </script> </head>

Page redirection: คลิก URL หน้า X แต่ถูกนำไปหน้า Y ทำได้ง่ายด้วย JavaScript ฝั่งไคลเอนต์ ตัวอย่าง: Redirect ไปหน้าแรก <html> <head> <script> function Redirect() { window.location.assign(https://www.tutorialspoint.com); } </script> </head>

Page redirection คือ คลิก URL หน้า X แต่ถูกนำไปหน้า Y ใช้ META Tag เปลี่ยนเส้นทางได้ง่าย ใช้แอตทริบิวต์ http-equiv=refresh เพื่อให้ HTTP header สำหรับค่า content attribute ตัวอย่าง: Redirect หลัง 2 วินาที <!DOCTYPE html> <html> <head> <title>HTML Meta Tag</title>

คุณอาจเคยคลิก URL เพื่อไปหน้า X แต่ถูกนำไปหน้า Y แทน เกิดจาก Page Redirection (การเปลี่ยนเส้นทางหน้า) ทำได้ง่ายด้วย JavaScript ฝั่งไคลเอนต์ (client-side) เพิ่มบรรทัดเดียวในส่วน head ตัวอย่าง: Redirect ไปหน้าแรก Tutorialspoint <html> <head> <script> function Redirect() {

JavaScript ใช้ใน HTML ผ่าน <script>...</script> หรือ External file อีกวิธีคือ Inline JavaScript เขียนโค้ด JS โดยตรงใน HTML event attributes โดยปกติ HTML event attributes เรียกฟังก์ชันที่ประกาศใน script tags แต่มองเขียนโค้ด JS ตรงใน onClick ได้ ตัวอย่าง <p> <a href=# onClick=al

การโต้ตอบของ JavaScript กับ HTML จัดการผ่าน Events (เหตุการณ์) ที่เกิดเมื่อผู้ใช้หรือเบราว์เซอร์จัดการหน้าเว็บ โหลดหน้า = event คลิกปุ่ม = event กดปุ่มคีย์บอร์ด, ปิดหน้าต่าง, ย่อ/ขยายหน้าต่าง = events เหตุการณ์ onclick เกิดเมื่อผู้ใช้คลิกปุ่มซ้ายของเมาส์ ใช้สำหรับ validation, warning, เรียกฟ

หากเว็บไซต์มีเนื้อหาเพียงพอและมี Page views ให้เริ่มวางโฆษณาเพื่อสร้างรายได้ Google AdSense เป็นวิธีฟรีและง่ายสำหรับการวางโฆษณาบนเว็บไซต์ ขั้นตอนการผสานรวม Google AdSense เข้าเว็บไซต์อย่างเป็นทางการ และ SIGN IN ด้วย Google Account ที่ต้องการใช้กับ AdSense ตั้งค่าบัญชีให้ครบถ้วน: ข้อมูลเว็บไซต์,

HTML Forms ใช้เก็บข้อมูลจากผู้เยี่ยมชมเว็บ เช่น ข้อมูลนักเรียน (ชื่อ, อายุ, ที่อยู่, คะแนน) ขณะสมัครเว็บไซต์มหาวิทยาลัย ฟอร์มรับข้อมูลจากผู้ใช้และส่งไปยัง backend application (CGI, ASP, PHP, Node.js ฯลฯ) Backend ประมวลผลตาม business logic ที่กำหนด ใช้แท็ก <form> สร้างฟอร์มใน HTML แอตทริบิวต์ขอ

ใช้แท็ก <form> รับข้อมูลผู้ใช้ โดยเพิ่ม form elements: text input, checkbox, radio, submit button ฯลฯ แท็ก <input> ช่วยรับข้อมูลผ่านแอตทริบิวต์ type ใช้กับ form elements ต่างๆ ตัวอย่างฟอร์มรับข้อมูลนักเรียน <!DOCTYPE html> <html> <body> <head> <titl

หากต้องการให้ผู้ใช้อัปโหลดไฟล์ ให้ใช้ file upload box (file select box) สร้างด้วยแท็ก <input> ตั้ง type=file ตัวอย่าง <!DOCTYPE html> <html> <head> <title>File Upload</title> </head> <body> <form> <input type=file name=uplo

ใช้เมธอด reset() ของฟอร์มเพื่อเคลียร์ค่าทั้งหมด ทำงานเหมือนกดปุ่ม Reset ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Reset HTML form</title> </head> <body> <form id=newForm> Student Name<br><input type=text name=sname>&

ปุ่ม Submit (ส่งข้อมูล) จะส่งฟอร์มอัตโนมัติเมื่อคลิก ใช้แท็ก <form> รับข้อมูลผู้ใช้ โดยเพิ่ม form elements ต่างๆ เช่น text input, radio button, submit button ปุ่ม Submit สร้างด้วยแท็ก <input> ตั้งแอตทริบิวต์ type=submit ตัวอย่างฟอร์มพร้อม Submit และ Reset <!DOCTYPE html> <html&g

เพื่อเลือกตัวเลือกใน <select> ล่วงหน้าด้วย JavaScript ให้ใช้พรอเพอร์ตี้ selectedIndex กำหนด index (ลำดับเริ่มจาก 0) ของตัวเลือกที่ต้องการ ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Preselect List Item</title> </head> <body> <p> S