คุณสมบัติ alt ใน JavaScript สามารถเข้าถึงข้อความทางเลือก (alternate text) ของแท็ก <area> ในแผนที่ภาพ (image map) ได้ผ่านคุณสมบัติ alt ของอ็อบเจกต์ HTMLAreaElement ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <img src=/images/html.gif alt=HTML Map border=0 usemap=#html>

ผลลัพธ์ของการแปลง เมื่อใช้เมธอด Boolean() แปลงค่า Infinity ใน JavaScript ผลลัพธ์จะเป็น true เนื่องจาก Infinity เป็นค่าที่เป็น truthy ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p>แปลง Infinity เป็น Boolean</p> <script> var myVal = Infinity; document.w

คุณสมบัติ port ใน JavaScript สามารถเข้าถึงหมายเลขพอร์ตของ URL ในแท็ก <area> ได้ผ่านคุณสมบัติ port ของอ็อบเจกต์ HTMLAreaElement ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <img src=/images/html.gif alt=HTML Map border=0 usemap=#html> <map name=html> <are

ผลลัพธ์ของการแปลง เมื่อใช้เมธอด String() แปลงค่า Infinity ใน JavaScript ผลลัพธ์ที่ได้จะเป็นสตริง Infinity ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p>แปลง Infinity เป็น String</p> <script> var myVal = Infinity; document.write(String: + String(myVal

เมธอด every() คืออะไร? เมธอด every() ใช้ทดสอบว่า ทุกอิลิเมนต์ในอาร์เรย์ ผ่านเงื่อนไขที่ระบุในฟังก์ชัน callback หรือไม่ จะคืนค่า true ก็ต่อเมื่อทุกอิลิเมนต์ผ่านเงื่อนไขทั้งหมด มิฉะนั้นจะคืนค่า false รูปแบบไวยากรณ์ (Syntax) array.every(callback(element, index, array), thisArg) พารามิเตอร์ callbac

เมธอด fill() คืออะไร? เมธอด fill() ใช้สำหรับเติมค่าที่กำหนดให้กับทุกอิลิเมนต์ในอาร์เรย์ (หรือบางส่วนของอาร์เรย์) โดยจะเปลี่ยนค่าในอาร์เรย์เดิมโดยตรง (mutate original array) รูปแบบไวยากรณ์ (Syntax) array.fill(value, start, end) พารามิเตอร์ value (บังคับ): ค่าที่ต้องการเติมลงในอาร์เรย์ start (ต

การแปลงอ็อบเจกต์ว่างเปล่าเป็นสตริง ใน JavaScript สามารถใช้เมธอด String() เพื่อแปลงค่าใด ๆ ให้เป็นสตริงได้ เมื่อนำอ็อบเจกต์ว่างเปล่า {} ไปแปลง ผลลัพธ์ที่ได้จะเป็นสตริง [object Object] ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p>แปลง {} เป็น String</p> <script&g

บทนำ คุณสมบัติ altKey ของ Keyboard Event ใน JavaScript ใช้เพื่อตรวจสอบว่า Alt (หรือ Option ⌥ บน Mac) ถูกกดค้างอยู่หรือไม่ในขณะที่เกิดเหตุการณ์แป้นพิมพ์ (keydown, keyup, keypress) คุณสมบัตินี้จะคืนค่า true หาก Alt ถูกกดอยู่ และ false หากไม่ได้กด ตัวอย่างการใช้งาน ลองรันโค้ดด้านล่างแล้วกดแป้นพิมพ์พร

บทนำ Array.prototype.copyWithin() เป็นเมธอดของอาร์เรย์ ใช้ **คัดลอกลำดับสมาชิกภายในอาร์เรย์เดียวกัน** โดยเขียนทับตำแหน่งปลายทาง (Mutates the original array) เมธอดนี้ไม่เปลี่ยนขนาดของอาร์เรย์ ไวยากรณ์ (Syntax) array.copyWithin(target[, start[, end]]) พารามิเตอร์ พารามิเตอร์ คำอธิบาย

บทนำ ในการเปลี่ยนรูปแบบเส้นขอบขวาขององค์ประกอบ HTML ผ่าน JavaScript เราใช้คุณสมบัติ borderRightStyle ของอ็อบเจกต์ style คุณสมบัตินี้รับค่ารูปแบบเส้นขอบเดียวกับ CSS เช่น solid, dashed, dotted, double, groove, ridge, inset, outset, none, หรือ hidden ตัวอย่างโค้ดครบถ้วน <!DOCTYPE html> <html

บทนำ ในการเปลี่ยนความกว้างของเส้นขอบขวาขององค์ประกอบ HTML ผ่าน JavaScript เราใช้คุณสมบัติ borderRightWidth ของอ็อบเจกต์ style คุณสมบัตินี้รับค่าเดียวกับ CSS border-width เช่น thin, medium, thick หรือค่าความยาวที่ระบุหน่วยได้ (px, em, rem, vw, ฯลฯ) ตัวอย่างโค้ดครบถ้วน <!DOCTYPE html> <html

คำตอบสั้น Boolean([50, 100]) คืนค่า true เหตุผล ใน JavaScript **อาร์เรย์ทุกตัวเป็นค่า Truthy** รวมถึงอาร์เรย์ว่าง [] และอาร์เรย์ที่มีค่าใดๆ เพราะอาร์เรย์เป็น Object และ Object ทุกตัว (ยกเว้น null) เป็น Truthy เสมอ กฎ Falsy values มีเพียง 6 ค่าเท่านั้น: false 0 (รวม -0, 0n) (สตริงว่าง) n

บทนำ Array.prototype.some() เป็นเมธอดของอาร์เรย์ ใช้ **ทดสอบว่ามีสมาชิกอย่างน้อย 1 ตัวที่ผ่านเงื่อนไขหรือไม่** คืนค่า true ทันทีที่พบสมาชิกที่ผ่านเงื่อนไข (Short-circuit) และคืน false หากไม่มีสมาชิกใดผ่านเลย ไวยากรณ์ (Syntax) array.some(callback(element[, index[, array]])[, thisArg]) ตัวอย่างโค้ด

บทนำ parseFloat() เป็นฟังก์ชันสากล (Global Function) ใน JavaScript ใช้สำหรับ **แปลงสตริงเป็นตัวเลขทศนิยม (Floating-point number)** ฟังก์ชันนี้จะอ่านตัวอักษรจากซ้ายไปขวา และหยุดแปลงเมื่อเจอตัวอักษรที่ไม่ใช่ตัวเลข จุดทศนิยม หรือเครื่องหมาย +/- ไวยากรณ์ (Syntax) parseFloat(string) ตัวอย่างการใช้งาน

คำอธิบาย คุณสมบัติ screenX ของ Mouse Event คืนค่า พิกัดแนวนอน (X) ของตัวชี้เมาส์ **เทียบกับมุมซ้ายบนของหน้าจอ (Screen)** หน่วยเป็นพิกเซล (pixels) ความแตกต่างระหว่าง screenX, clientX, pageX คุณสมบัติ จุดอ้างอิง (Origin) ผลกระทบจาก Scroll screenX มุมซ้ายบนของ **หน้าจอจร

คำอธิบาย คุณสมบัติ screenY ของ Mouse Event คืนค่า พิกัดแนวตั้ง (Y) ของตัวชี้เมาส์ **เทียบกับมุมซ้ายบนของหน้าจอ (Screen)** หน่วยเป็นพิกเซล (pixels) ความแตกต่างระหว่าง screenY, clientY, pageY คุณสมบัติ จุดอ้างอิง (Origin) ผลกระทบจาก Scroll screenY มุมซ้ายบนของ **หน้าจอจ

บทนำ คุณสมบัติ shiftKey ของ Mouse Event ใช้ตรวจสอบว่า Shift ถูกกดค้างอยู่ในขณะที่เกิดเหตุการณ์เมาส์ (click, mousedown, mouseup, mousemove, dblclick, contextmenu, เป็นต้น) คืนค่า true หากกดอยู่ และ false หากไม่ได้กด ความแตกต่างจาก Keyboard Event Keyboard Event shiftKey: ตรวจสอบระหว่างกดแป้นพิมพ์

คำตอบสั้น String([]) คืนค่า (สตริงว่าง) เหตุผลและรายละเอียด เมื่อใช้ String() หรือ .toString() กับอาร์เรย์ JavaScript จะทำการแปลงโดยเรียก Array.prototype.join() โดยไม่ระบุตัวคั่น (default เป็น comma) ดังนั้น: [] (อาร์เรย์ว่าง) → (ไม่มีสมาชิก จึงไม่มีอะไรต่อกัน) [1,2,3] → 1,2,3 [a,b] → a,b

คำตอบสั้น Boolean(-Infinity) คืนค่า true เหตุผล ใน JavaScript ค่าที่เป็น Falsy (คืนค่า false เมื่อแปลงเป็น Boolean) มีเพียง 6 ค่าเท่านั้น: false 0 (และ -0, 0n) (สตริงว่าง) null undefined NaN Infinity และ -Infinity ไม่อยู่ในรายการนี้ จึงเป็นค่า Truthy ทั้งคู่ และแปลงเป็น true เสมอ ต

บทนำ ในการเปลี่ยนรูปแบบเส้นขอบด้านบนขององค์ประกอบ HTML ผ่าน JavaScript เราใช้คุณสมบัติ borderTopStyle ของอ็อบเจกต์ style คุณสมบัตินี้รับค่ารูปแบบเส้นขอบเดียวกับ CSS เช่น solid, dashed, dotted, double, groove, ridge, inset, outset, none, หรือ hidden ตัวอย่างโค้ดครบถ้วน ตัวอย่างนี้สร้างกล่องสี่เหลี่