Prompt Dialog Box คืออะไร กล่องโต้ตอบ (Dialog Box) ที่แสดงช่องกรอกข้อความ เพื่อรับค่าจากผู้ใช้ ผู้ใช้ต้องกรอกข้อมูลแล้วกด OK หรือกด Cancel เพื่อยกเลิก Syntax: prompt() var result = prompt(message, defaultValue); message: ข้อความแจ้งเตือน/คำสั่ง (String) defaultValue: ค่าเริ่มต้นในช่องกรอก (Str

ตัวอย่าง: กลับลำดับสตริง qries ใช้ลูป while วนจากตัวสุดท้ายมาหาตัวแรก <!DOCTYPE html> <html> <body> <script> var myStr; function reverseStr(myStr) { // ตรวจสอบค่าว่างและชนิดข้อมูล if(!myStr.trim() || string !== typeof myStr) { return; }

คำตอบ: ใช้เมธอด localeCompare() วิธีที่เหมาะสมที่สุดในการเปรียบเทียบสตริงใน JavaScript คือใช้เมธอด localeCompare() ซึ่งคำนึงถึงกฎภาษาและ locale ค่าที่คืนกลับ 0 : สตริงทั้งสองเท่ากัน -1 : สตริงแรกเรียงก่อนสตริงที่สอง 1 : สตริงที่สองเรียงก่อนสตริงแรก ตัวอย่างโค้ด <!DOCTYPE html> <ht

นิยาม Constructor Method ใน JavaScript ใช้สำหรับสร้างและเริ่มต้น (initialize) อ็อบเจกต์ที่สร้างจากคลาส ถ้าไม่กำหนด constructor จะใช้ Default Constructor แทน ข้อจำกัดสำคัญ ในหนึ่งคลาสสามารถมี Constructor Method ได้เพียงหนึ่งเดียวเท่านั้น การประกาศมากกว่าหนึ่งจะทำให้เกิด Error ตัวอย่างการใช้งาน <

คำสั่ง If Statement คำสั่ง if เป็นคำสั่งควบคุมพื้นฐานที่ให้ JavaScript ตัดสินใจและรันคำสั่งตามเงื่อนไข Flowchart ของ If...Else ภาพด้านล่างแสดงแผนผังไหลของคำสั่ง if...else: คำอธิบาย Flowchart Start: จุดเริ่มต้น Condition: ประเมินเงื่อนไข (true/false) True Branch: รันบล็อกโค้ดเมื่อเงื่อนไขเป

นิยาม Default Constructor คือ Constructor ที่ถูกสร้างขึ้นอัตโนมัติเมื่อคลาสไม่ได้กำหนด Constructor เอง โดยจะเป็นฟังก์ชันว่างเปล่าที่ไม่ทำอะไรเลย Syntax // Default constructor แบบปกติ constructor() {} สำหรับ Derived Class (คลาสลูก) ถ้าคลาสลูกไม่มี constructor ของตัวเอง จะได้ default constructor ที่

วิธีที่พบบ่อยที่สุด: Function Declaration ใช้คำสำคัญ function ตามด้วยชื่อฟังก์ชัน รายการพารามิเตอร์ (อาจว่างได้) และบล็อกคำสั่งในวงเล็บปีกกา Syntax <script> function functionName(parameter-list) { statements } </script> ตัวอย่าง: ฟังก์ชันไม่รับพารามิเตอร์ <script> funct

Break โดยไม่มี Label break โดยไม่มี label ใช้เพื่อออกจากลูปที่ใกล้ที่สุด (innermost loop) ทันที ตัวอย่าง <html> <body> <script> var x = 1; document.write(Entering the loop<br /> ); while (x < 20) { if (x == 5){ break; // ออกจากลูป while ทันที

นิยาม Event (เหตุการณ์) ใน JavaScript คือการโต้ตอบระหว่างผู้ใช้หรือเบราว์เซอร์กับหน้าเว็บ เช่น โหลดหน้าเว็บ คลิกปุ่ม กดปุ่มคีย์บอร์ด ปิดหน้าต่าง ปรับขนาดหน้าต่าง เป็นต้น การทำงานของ Events นักพัฒนาสามารถใช้ Events เหล่านี้เพื่อรันโค้ด JavaScript ตอบสนองต่อการกระทำ เช่น: ปิดหน้าต่างเมื่อคลิกปุ่ม

นิยาม Block Statement (หรือ Compound Statement) คือการจัดกลุ่มคำสั่ง 0 ตัวขึ้นไปไว้ภายในวงเล็บปีกกา { } เพื่อให้ถูกมองว่าเป็นคำสั่งเดียว Syntax { // รายการคำสั่ง (statements) } ขอบเขตตัวแปร (Scope) ใน Block สำคัญ: ใน JavaScript แบบเก่า (ES5 และก่อนหน้า) การใช้ var ประกาศตัวแปรภายใน Block ไม่สร้า

โครงสร้าง For Loop ลูป for ประกอบด้วย 3 ส่วนหลัก: Initialization (การเริ่มต้น): กำหนดค่าเริ่มต้นของตัวนับ Test Statement (เงื่อนไข): ตรวจสอบเงื่อนไขก่อนแต่ละรอบ Iteration Statement (การเพิ่ม/ลดค่า): อัปเดตตัวนับหลังแต่ละรอบ Flowchart ของ Nested For Loop ภาพด้านล่างแสดงแผนผังไหล (Flowchart)

คำตอบสั้นๆ JavaScript มี goto เป็นคำสงวน (reserved keyword) แต่ไม่ได้นำไปใช้งานจริง เนื่องจากไม่จำเป็นในภาษานี้ และการใช้ goto โดยทั่วไปไม่ถือเป็น Good Practice รายละเอียด แม้ JavaScript จะสงวนคำว่า goto ไว้ แต่ไม่ได้ implement การทำงานใดๆ การใช้ goto ทำให้โค้ดยากต่อการอ่าน บำรุงรักษา และดีบัก (Spa

บทนำ ลูป while ใช้เพื่อทำงานซ้ำบล็อกโค้ดหรือคำสั่งไปเรื่อยๆตราบใดที่เงื่อนไขยังคงเป็น true เมื่อเงื่อนไขกลายเป็น false ลูปจะสิ้นสุดการทำงาน ตัวอย่างการใช้งาน Nested While Loop ตัวอย่างต่อไปนี้แสดงการใช้ลูป while ซ้อนกันเพื่อพิมพ์สัญลักษณ์ # เป็นตารางขนาด 2 แถว 8 คอลัมน์ <html> <body>

ใน switch statement ใช้คำสั่ง break เพื่อ ออกจาก Switch Block ทันที หลังจบ Case ที่ Match หากไม่มี break จะเกิด Fall-through (ทำ Case ถัดไปต่อเนื่อง) ตัวอย่างโค้ด <html> <body> <script> var grade = A; document.write(Entering switch block<br>); switch (grade) {

Label Statement ใช้ ตั้งชื่อ (Identifier) ให้กับ Statement หรือ Block เพื่อให้ break และ continue สามารถ อ้างอิงเป้าหมายได้ชัดเจน โดยเฉพาะใน Nested Loops ไวยากรณ์ labelName: statement // หรือ labelName: { statements } ตัวอย่าง 1: Label กับ Break <html> <body> <script> docu

window.location (หรือแค่ location) เป็น Object ที่เก็บข้อมูล URL ปัจจุบัน และมี Method สำหรับ Redirect (เปลี่ยนหน้า) หลายวิธี Method หลักสำหรับ Redirect MethodคำอธิบายHistory location.href = urlกำหนด href ใหม่ (Common)เพิ่ม Entry ใหม่ (Back ได้) location.assign(url)โหลดหน้าใหม่ (Standard)เพ

การตรวจสอบรูปแบบวันที่ (Date Validation) ใน JavaScript สามารถทำได้โดยการ Parse String เป็น Date Object แล้วตรวจสอบว่าค่าที่ Parse ได้ตรงกับ Input เดิมหรือไม่ ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <script> function validDate(date) { var split = date.split(/)

บทความนี้รวมคำอธิบาย break, continue, และ label ไว้ด้วยกัน เพื่อดูภาพรวมการควบคุม Flow ใน Loop 1. Break Statement ออกจากลูปหรือ Switch ทันที <html> <body> <script> var x = 1; document.write(Entering the loop<br />); while (x < 20) { if (x == 5) break; //

Alert Dialog Box เป็นกล่องโต้ตอบแบบ Modal ที่แสดงข้อความเตือนหรือแจ้งเตือนให้ผู้ใช้ มีปุ่ม OK เพียงปุ่มเดียว ใช้สำหรับ: แจ้งเตือนข้อผิดพลาด/คำเตือน (Validation) แสดงข้อมูลสำคัญที่ต้องการให้ผู้ใช้อ่าน Debugging แบบง่าย (แทน console.log) ไวยากรณ์ alert(message); // หรือ window.alert(message)

คำสั่ง for loop ประกอบด้วย 3 ส่วนหลัก: Initialization (รันครั้งแรก), Test Condition (เช็คก่อนแต่ละรอบ), Iteration (รันหลังแต่ละรอบ) Flowchart ช่วยแสดงลำดับการทำงานที่ซับซ้อนกว่า While Loop For Loop Flowchart คำอธิบาย Flowchart แบบขั้นตอน Start Initialization (รันครั้งเดียวตอนเริ่ม): let