Operator Bitwise OR (|) เปรียบเทียบบิตของตัวเลขสองจำนวนแบบคู่ต่อคู่ หาก บิตใดบิตหนึ่งเป็น 1 ผลลัพธ์จะเป็น 1 ได้ 0 ก็ต่อเมื่อทั้งคู่เป็น 0 ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <script> document.write(Bitwise OR Operator<br>); // 7 = 0000000000000

เพื่อดึงค่า usemap attribute ของ Element <img> ให้ใช้ Property .useMap (ตัว M ใหญ่) เกี่ยวกับ usemap Attribute usemap ใช้สำหรับ Client-side Image Maps ซึ่งเชื่อมโยงรูปภาพกับ <map> และ <area> เพื่อสร้างพื้นที่คลิกได้บนรูปภาพ ตัวอย่างโค้ด <!DOCTYPE html> <html> <bo

Operator Bitwise NOT (~) ทำการกลับบิต (Invert Bits) ของตัวเลข 32-bit Signed Integer หมายถึง บิต 0 จะกลายเป็น 1 และบิต 1 จะกลายเป็น 0 ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <script> document.write(Bitwise NOT Operator<br>); // 7 = 00000000000000000

Property document.anchors ใช้สำหรับเข้าถึง Collection ของ Anchor Elements (<a>) ที่มี Attribute name ในเอกสาร ไม่รวม Anchor ที่มีแค่ href อย่างเดียว ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>JavaScript Example</title> </head> <body>

เพื่อดึงค่า id attribute ของลิงก์ (<a>) ให้ใช้ Property .id โดยตรง ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p><a id=anchorid hreflang=en-us href=https://www.qries.com/>Qries</a></p> <script> var myID = document.getElementById(

เพื่อดึงค่า href ของลิงก์ (<a>) ใน JavaScript ให้ใช้ Property .href ซึ่งจะคืนค่า URL แบบเต็มรูปแบบ (Absolute URL) ของเอกสารปลายทาง ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p><a id=anchorid href=https://www.qries.com/>Qries</a></p> <scr

นี่คือแนวทางปฏิบัติที่ดีที่ควรปฏิบัติเมื่อเขียน JavaScript เพื่อให้โค้ดสะอาด ปลอดภัย และประสิทธิภาพดี 1. สรุป Switch Statement ด้วย Default ควรปิดท้าย switch ด้วย default ทุกครั้ง เพื่อจัดการกรณีที่ไม่ตรงกับ case ใดๆ และป้องกันบั๊กที่ลืมจับได้ 2. สร้างและใช้ตัวแปรอย่างมีเหตุผล ประกาศตัวแปรเฉพาะที่

ใช้เมธอด match() เพื่อค้นหาความตรงกันระหว่าง Regular Expression (Regex) กับสตริงใน JavaScript เมธอดนี้จะคืนค่าเป็น Array ของผลลัพธ์ที่ตรงกัน หรือ null หากไม่พบ พารามิเตอร์ match(regexp) — ออบเจกต์ Regular Expression ที่ต้องการจับคู่ ตัวอย่างการใช้งาน <html> <head> <title&g

ใช่ การวางการประกาศตัวแปร JavaScript ทั้งหมดไว้ที่ด้านบนของสคอป (Scope) ถือเป็นแนวทางปฏิบัติที่ดี (Best Practice) ซึ่งช่วยให้โค้ดอ่านง่ายขึ้น ลดข้อผิดพลาด และป้องกันปัญหา Hoisting ที่อาจสร้างบั๊กได้ ให้ดูตัวอย่างด้านล่างนี้ครับ ตัวอย่างโค้ด <html> <head> <title>JavaScript St

ใช่ ควรจบ switch ด้วย default case เสมอ เป็น Best Practice ที่ยอมรับทั่วไป เพราะ: จับค่าที่ไม่คาดคิด (Catch Unexpected Values) - ป้องกัน Bug เงียบๆ ที่โค้ด หลุด ไปทำงานต่อโดยไม่ได้จัดการค่านั้น Explicit Intent - บอกว่า ค่าอื่นๆ ทั้งหมด ทำแบบนี้ ชัดเจน Maintainability - เพิ่ม Case ใหม่ในอนาคต ไม่ลืม

ใน JavaScript เครื่องหมาย + ทำหน้าที่สองอย่าง ขึ้นอยู่กับ Data Type ของ Operand: Addition (บวกตัวเลข): ถ้า ทั้งสองฝั่งเป็น Number → คำนวณคณิตศาสตร์ Concatenation (ต่อ String): ถ้า ฝั่งใดฝั่งหนึ่งเป็น String → แปลงอีกฝั่งเป็น String แล้วต่อกัน ตัวอย่างเปรียบเทียบ 102030 console.log(val5, val6, val

JavaScript มีกลไก Automatic Semicolon Insertion (ASI) ที่แทรก Semicolon ให้อัตโนมัติในบางกรณี แต่การวาง Semicolon ผิดที่ (หรือขาดหายไปที่ไม่ควร) อาจทำให้โค้ดทำงานผิดปกติโดยไม่มี Error ตัวอย่างคลาสสิก: Semicolon หลัง if Condition ไม่รัน ✅ } </script> กรณีอันตรายอื่นๆ ของ ASI 1. Return Statemen

การเพิ่มประสิทธิภาพ JavaScript ทำให้แอปพลิเคชันทำงานเร็วขึ้น ตอบสนองดีขึ้น และใช้ทรัพยากรน้อยลง นี่คือเทคนิคหลัก: 1. การจัดการตัวแปรและหน่วยความจำ สร้างตัวแปรเฉพาะที่จำเป็น // ❌ ไม่ดี: สร้างตัวแปรไม่จำเป็น let a = 1, b = 2, c = 3, d = a + b + c; // ✅ ดี: สร้างเฉพาะที่ใช้ คำนวณทันที const sum = 1 +

หากต้องการดึงค่าแอตทริบิวต์ rel ของลิงก์ใน JavaScript ให้ใช้คุณสมบัติ rel แอตทริบิวต์ rel ใช้ระบุความสัมพันธ์ของหน้าปัจจุบันกับหน้าปลายทาง เช่น nofollow, noopener, noreferrer, canonical, alternate, stylesheet ฯลฯ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อดึงค่าแอตทริบิวต์ rel ของลิงก์: <!DOCTYPE html> &

เมธอด charCodeAt() คืนค่าตัวเลขที่บ่งชี้ค่า Unicode ของตัวอักษรที่ดัชนี (index) ที่กำหนด Unicode code points อยู่ในช่วง 0 ถึง 1,114,111 (0x10FFFF) 128 ค่าแรกตรงกับ ASCII encoding โดยตรง พารามิเตอร์: charCodeAt(index) index — จำนวนเต็ม 0 ถึง (ความยาวสตริง - 1) หากไม่ระบุ จะเป็น 0 ตัวอย่าง ลองรันโ

ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีแปลงสตริงเป็น Boolean ใน JavaScript: ตัวอย่าง <!DOCTYPE html> <html> <body> <p>Convert String to Boolean</p> <script> var myString = "Amit"; document.write("Boolean : " + Boolean(myString

หากต้องการดึง ID ของฟอร์มที่มี Drop-down List ให้ใช้คุณสมบัติ form ของ Select Element แล้วตามด้วย .id ใน JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อหา ID ของฟอร์มที่มี Drop-down List: <!DOCTYPE html> <html> <body> <form id="myForm1"> <button id="

หากต้องการเลือกหลายตัวเลือกใน Drop-down List ให้ใช้คุณสมบัติ multiple คุณสมบัตินี้อนุญาตให้เลือกได้มากกว่าหนึ่งตัวเลือกโดยกดปุ่ม CTRL ค้างไว้ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีเลือกหลายตัวเลือกพร้อมกันใน Dropdown List: <!DOCTYPE html> <html> <body> <form id="

หากต้องการดึงจำนวนตัวเลือกใน Dropdown List ให้ใช้คุณสมบัติ length ใน JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อหาจำนวนตัวเลือกใน Drop-down: <!DOCTYPE html> <html> <body> <form id="myForm"> <select id="mySelect"> <option>One

หากต้องการแสดงตัวเลือกทั้งหมดจาก Dropdown List ให้ใช้คุณสมบัติ options คุณสมบัตินี้ช่วยเข้าถึงตัวเลือกทั้งหมดพร้อมกับ length ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อดึงตัวเลือกทั้งหมดจาก Drop-down List: <!DOCTYPE html> <html> <body> <form id="myForm"> <select