JavaScript 1.2 อนุญาตให้กำหนดฟังก์ชันซ้อนอยู่ภายในฟังก์ชันอื่นได้ อย่างไรก็ตาม มีข้อจำกัดคือ ไม่สามารถประกาศฟังก์ชันภายในลูป (loops) หรือเงื่อนไข (conditionals) ได้ ข้อจำกัดเหล่านี้ใช้กับการประกาศฟังก์ชันด้วยคำสั่ง function statement เท่านั้น ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีการใช้งานฟัง

เพื่อคืนค่าจากฟังก์ชัน JavaScript ให้ใช้คำสั่ง return ใน JavaScript คุณต้องรันโค้ดด้านล่างเพื่อเรียนรู้วิธีคืนค่า ตัวอย่าง <html> <head> <script> function concatenate(name, age) { var val; val = name + age; return val; } function Dis

เพื่อคืนค่าสตริงจากฟังก์ชัน JavaScript ให้ใช้คำสั่ง return ใน JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีคืนค่าสตริงด้วยคำสั่ง return <html> <head> <script> function concatenate(name, subject) { var val; val = name + subject; return

เหตุการณ์ onmouseup กระตุ้นเมื่อปล่อยปุ่มเมาส์ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmouseup ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Up); } //--> </script> &l

เหตุการณ์ onkeydown กระตุ้นเมื่อกดปุ่มคีย์บอร์ด คุณสามารถลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onkeydown ใน JavaScript ตัวอย่าง <html> <head> <script> <!-- function sayHello() { alert(A key is pressed.); } //--> &

เหตุการณ์ onkeypress กระตุ้นเมื่อกดและปล่อยปุ่มคีย์บอร์ด คุณสามารถลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onkeypress ใน JavaScript ตัวอย่าง <html> <head> <script> <!-- function sayHello() { alert(A key is pressed.); } //--

เหตุการณ์ onsubmit เป็นเหตุการณ์ที่เกิดขึ้นเมื่อคุณพยายามส่งฟอร์ม คุณสามารถวางการตรวจสอบฟอร์มไว้ที่ประเภทเหตุการณ์นี้ ตัวอย่างต่อไปนี้แสดงวิธีใช้ onsubmit ที่นี่เราเรียกฟังก์ชัน validate() ก่อนส่งข้อมูลฟอร์มไปยังเว็บเซิร์ฟเวอร์ หากฟังก์ชัน validate() คืนค่า true ฟอร์มจะถูกส่ง มิฉะนั้น จะไม่ส่งข้อมูล

เหตุการณ์ onkeyup กระตุ้นเมื่อปล่อยปุ่มคีย์บอร์ด ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onkeyup ใน JavaScript <html> <head> <script> <!-- function sayHello() { var str = document.getElementById(subject); str.value =

JavaScript ยังมีชนิดข้อมูลแบบไดนามิก (dynamic types) นั่นหมายความว่าตัวแปรเดียวกันสามารถใช้เก็บชนิดข้อมูลที่ต่างกันได้ใน JavaScript ตัวอย่าง <html> <head> <script> var val; val = Amit; document.write(String: + val); val = 20; document.write(<

เพื่อสร้างสตริงค่าว่างใน JavaScript สามารถลองรันโค้ดด้านล่างได้ ตัวอย่าง <html> <head> <script> var val; val = ; document.write(Value: + val); document.write(<br>Type: + typeof val); </script> </head> <body> </bo

ชนิดข้อมูลแบบซับซ้อนใน JavaScript รวมถึงตัวดำเนินการ typeof ตัวดำเนินการ typeof เป็น unary operator ที่วางก่อนตัวถูกดำเนินการตัวเดียว ซึ่งสามารถเป็นชนิดใดก็ได้ ค่าของมันเป็นสตริงที่ระบุชนิดข้อมูลของตัวถูกดำเนินการ ตัวดำเนินการ typeof ประเมินค่าเป็น number, string, หรือ boolean หากตัวถูกดำเนินการเป็

JavaScript อนุญาตให้ทำงานกับชนิดข้อมูลพื้นฐาน 3 ประเภท: ตัวเลข (Numbers) เช่น 123, 120.50 เป็นต้น ข้อความ (Strings) เช่น This text string เป็นต้น บูลีน (Boolean) เช่น true หรือ false JavaScript ยังกำหนดชนิดข้อมูล瑣瑣 2 ประเภท คือ null และ undefined ซึ่งแต่ละอันกำหนดค่าเดียว ในเพิ่มเติมจากชนิด

ฟังก์ชันคือกลุ่มของโค้ดที่ใช้ซ้ำได้ ซึ่งสามารถเรียกใช้ได้ทุกที่ในโปรแกรมของคุณ สิ่งนี้กำจัดความจำเป็นในการเขียนโค้ดซ้ำๆ ช่วยให้นักเขียนโปรแกรมเขียนโค้ดแบบโมดูลาร์ได้ ก่อนที่เราจะใช้ฟังก์ชัน เราต้องกำหนดมันก่อน วิธีที่พบบ่อยที่สุดในการกำหนดฟังก์ชันใน JavaScript คือการใช้คำสำคัญ function ตามด้วยชื่อฟ

เพื่อส่งฟอร์ม HTML ด้วย JavaScript เราเรียก validate() เพื่อตรวจสอบข้อมูลเมื่อเหตุการณ์ onsubmit เกิดขึ้น ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อส่งฟอร์ม HTML <html> <head> <title>Form Validation</title> <script> // Form validation function validate() {

เพื่อเพิ่มชั่วโมงและนาทีให้กับวันที่ ให้ใช้เมธอด setHours() และ setMinutes() ใน JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเพิ่มชั่วโมงและนาที <html> <head> <title>JavaScript Dates</title> </head> <body> <script> var dt = new Date();

เมื่อคลิกขวาที่องค์ประกอบ แล้วเมนูบริบท (context menu) เปิดขึ้น นั่นเรียกว่า oncontextmenu ใน JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ oncontextmenu ใน JavaScript <html> <head> <script> <!-- function sayHello() { aler

ใช้เหตุการณ์ ondblclick เพื่อสร้างเหตุการณ์เมื่อดับเบิลคลิก ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ ondblclick ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Hello World); } //--> <

เหตุการณ์ onmousedown กระตุ้นเมื่อปุ่มเมาส์ถูกกด ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmousedown ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(You clicked here.); } //--> </sc

เหตุการณ์ onmouseenter กระตุ้นเมื่อคุณวางเมาส์ hover ไว้บนองค์ประกอบ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmouseenter ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Hover); } //--&

เหตุการณ์ onmouseenter กระตุ้นเมื่อหลังจากเมาส์ hover แล้วเคลื่อนออก ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmouseleave ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Leave); } //--&