ถ้าได้ error Uncaught SyntaxError: Illegal return statement ใน console มักเพราะวาง return statement (return) นอก function โดยไม่ได้ตั้งใจ สิ่งนี้ ไม่ได้รับอนุญาต: // Error เพราะอยู่นอก function return David; สิ่งนี้ ได้รับอนุญาต: // ถูกต้อง เพราะ return อยู่ใน function var myNameIs = function() {

เรียนรู้ Scope ใน JavaScript และความแตกต่างระหว่าง Global Scope, Local Scope, และ Lexical Scope Scope หมายถึง context ที่ function หรือ variable เข้าถึงได้ JavaScript มี 3 scope types: Global variable: ตัวแปรที่ประกาศนอก code block Local variable: ตัวแปรที่ประกาศใน code block คุ้มค่าที่จะรู้: Fu

เมธอด repeat() ของ JavaScript string ใช้ ทำซ้ำค่าสตริง ตามจำนวนที่ระบุในวงเล็บ: let hipHop = hiphop .repeat(5); console.log(hipHop); // hiphop hiphop hiphop hiphop hiphop

เมธอด concat() ของ JavaScript string ใช้สำหรับ รวมสตริง 2 ตัวขึ้นไป เข้าด้วยกัน สมมติมี 2 ตัวแปรเก็บชื่อ ต้องการรวมเป็นสตริงเดียว: const firstName = David; const lastName = Tromholt; var fullName = firstName.concat(lastName); console.log(fullName); // DavidTromholt ง่ายมาก แต่ถ้าต้องการ space ระหว

เรียนรู้วิธีแปลงข้อความทุก case เป็นตัวพิมพ์ใหญ่ (uppercase) ด้วย JavaScript ใช้เมธอด toUpperCase(): let someText = Here is some text. Let us convert it all to uppercase; someText.toUpperCase(); console.log(someText.toUpperCase()); // HERE IS SOME TEXT. LET US CONVERT IT ALL TO UPPERCASE toUpperCa

เรียนรู้วิธีแปลงข้อความทุก case เป็นตัวพิมพ์เล็ก (lowercase) ด้วย JavaScript ใช้เมธอด toLowerCase(): let someText = Here is some text. Let us convert it all to lowercase; someText.toLowerCase(); console.log(someText.toLowerCase()); // here is some text. let us convert it all to lowercase toLowerCa

ใน JavaScript คุณอาจสังเกตว่ามี 2 วิธีเปรียบเทียบค่า: Regular equals: == (double equals) Strict equals: === (triple equals) ความแตกต่าง: Regular equals (==) เปรียบเทียบ แค่ค่า ไม่สนใจ ชนิด (type) Strict equals (===) เปรียบเทียบ ทั้งค่าและชนิด ตัวอย่าง: // returns true 5 == 5 // returns false 5

ใน JavaScript คำสั่ง return ใช้เพื่อ หยุดการทำงานของ function และ คืนค่า จาก ภายใน function สมมติมี function addName ที่รับ name input: let addName = function(name) {} ส่ง name ให้ addName(): let myNameIs = addName(David) ตอนนี้ addName มีตัวแปร name ค่า David แต่ไม่สามารถทำอะไรกับมันได้ เพราะมัน

เมื่อผู้ใช้ submit form บนเว็บที่ไม่ refresh หน้าหรือ redirect ไปหน้าสำเร็จ มักต้องการ clear form fields วิธีทำด้วย Vanilla JS: 1. HTML: Login Form HTML login form ตัวอย่าง: <form> <label for=username>Username:</label> <input type=text id=username /> <label for=pass

ใน JavaScript มี 2 วิธีเพิ่ม property ให้ object: Dot notation: object.thingToAdd Bracket notation: object[thingToAdd] Dot Notation ลองดู dot notation ก่อน: let dog = { name: Naya, age: 2, color: black, }; // Add item to dog object dog.breed = Rottweiler mix; // Log object to console consol

คุณสามารถหน่วงเวลาการ execute function ใดๆ ได้ด้วย built-in method setTimeout() สมมติต้องการแสดง alert dialog หลัง 3 วินาที แปลง 3 วินาทีเป็น milliseconds (ms) = 3000ms แล้วตั้งค่า function: setTimeout(function() { alert(Thats 3 seconds!); }, 3000); ข้างบนเป็น anonymous function ไม่ค่อยปฏิบัติจร

เพื่อลบช่องว่างทั้งหมดใน string ด้วย JavaScript ใช้ RegEx: const sentence = This sentence has 6 white space characters.; console.log(sentence.replace(/\s/g, )); // Thissentencehas6whitespacecharacters. ตัวอย่างข้างบนแค่ log ผลลัพธ์ ไม่ได้บันทึกการเปลี่ยนแปลง หากต้องการลบ whitespace อย่างถาวร ต้องส

ใน ES6 JavaScript การลบ element ออกจาก DOM ทำได้ง่าย โดย attach เมธอด remove() ให้ element ที่ต้องการลบ: let element = document.querySelector(element-to-remove); element.remove(); ตัวอย่าง ลบ h1 ออกจากหน้าเว็บ: let headingOne = document.querySelector(h1); headingOne.remove(); เมธอด remove() รองรับ

เรียนรู้วิธีดึงค่าข้อมูลทั้งหมดจาก URL ด้วย constructor method new URL() ของ JavaScript สมมติว่าคุณสร้างฟังก์ชันค้นหาภายในเว็บไซต์ ต้องเข้าถึงค่าข้อมูลทั้งหมดของ URL string JavaScript มี constructor method ชื่อ new URL() ที่แปลง URL เป็น object ให้ภาพรวม property และค่าใน URL อย่างเป็นระเบียบ วิธ

เรียนรู้วิธี highlight เมนูหน้าปัจจุบันใน navigation bar ของเว็บไซต์ ฟีเจอร์ทั่วไปของเว็บไซต์คือ highlight เมนูของหน้าที่กำลังดูอยู่ เมื่อผู้ใช้.navigate ระหว่างหน้า วิธีทำด้วย Vanilla JavaScript: Step 1: เมนูเรียบง่าย <nav class=navbar> <a href=/>Home</a> <a href=/about&

พื้นฐานของ JavaScript Comparison Operators (ตัวดำเนินการเปรียบเทียบ) ใน JavaScript Comparison Operators ใช้สำหรับตรวจสอบ ความเท่ากัน หรือ ความแตกต่าง ระหว่างค่า (ตัวเลข, สตริง) และตัวแปร Operators เปรียบเทียบ operands และคืนค่า boolean ตามว่าเป็น true หรือ false Operands: อย่าปลอมให้คำนี้ทำให้สับส

เรียนรู้วิธีปิด modal window หรือ UI element ใดๆ เมื่อผู้ใช้คลิกนอกพื้นที่ ด้วย Vanilla JavaScript Modal popups น่ารำคาญ โดยเฉพาะที่ครอบจอทั้งหน้า ยิ่งน่ารำคาญเมื่อโผล่มาภายในไม่กี่วินาทีหลังเข้าเว็บ — เป็น UX design ที่แย่ บางเว็บทำให้แย่กว่า: ปุ่มปิด (X) เล็กและวางตำแหน่งแปลกๆ จนคุณโกรธจนลืมว่าม

วิธีง่ายที่สุดในการลบตัวอักษรสุดท้ายของสตริงใน JavaScript คือใช้เมธอด slice() ต้องใส่ 2 พารามิเตอร์ใน slice(): จุดเริ่มต้น (0) จำนวนรายการที่ต้องการลบ (1) ตัวอย่างแก้ไขชื่อบริษัทที่สะกดผิด: const companyName = Netflixx; const fixCompanyName = companyName.slice(0, -1); console.log(fixCompanyName)

ง่ายที่จะสับสนกับ thuật ngữ JavaScript โดยเฉพาะเมื่อบางนิยาม聽起來คล้ายกัน Function และ Method ไม่ใช่ข้อยกเว้น ก่อนอื่น ให้จดจำ 2 ข้อเท็จจริง: Method คือ Function Function คือ Function (สิ่งที่คุณสามารถเรียกใช้เพื่อรัน/execute โค้ด) ความแตกต่างระหว่าง Function และ Method อยู่ที่ วิธีการใช้งาน Func

ใน JavaScript null และ undefined ทั้งคู่เป็น primitive values (ค่าเกลี้ยง) อ่านเพิ่มเติมเกี่ยวกับ primitive vs non-primitive values ใน JavaScript ตัวแปร undefined คือตัวแปรที่ ประกาศแล้วแต่ยังไม่ได้กำหนดค่า ตัวอย่าง ลอง log ตัวแปรนี้: let dogBreed; // undefined คุณจะได้ undefined เพราะตัวแปร dog