เพื่อสร้างรหัสสี hex แบบสุ่มด้วย JavaScript โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</ti

เพื่อนำเข้าและส่งออกโมดูลด้วย JavaScript โค้ดมีดังนี้หมายเหตุ - ต้องรัน localhost server เพื่อทดสอบตัวอย่างนี้INDEX.htmlตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w

เพื่อใช้ไอคอนสร้างเอฟเฟกต์แอนิเมชัน โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <style>    #user {       font-size: 60px;       color:rgb(106, 33, 201);    }    body {       font-family: "Se

เพื่อสร้างนาฬิกานับถอยหลัง (countdown timer) ด้วย JavaScript โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

เพื่อสร้างเอฟเฟกต์การพิมพ์ (typing effect) ด้วย JavaScript โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <style>    body{       font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;    }    button{       pa

เพื่อปิดรายการลิสต์ (list items) ด้วย JavaScript โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&quo

เพื่อสร้างองค์ประกอบ HTML ที่ลากได้ (draggable) ด้วย JavaScript และ CSS โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .dragDiv {  

เพื่อใช้ Media Queries กับ JavaScript โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,

เพื่อสร้างและใช้ Syntax Highlighter โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .colorLinks {       color:

เมธอดตั้งค่าวันที่ใน JavaScript มีดังนี้ -เมธอดคำอธิบายsetDate()ตั้งค่าวันเป็นตัวเลขsetFullYear()ตั้งค่าปีsetHours()ตั้งค่าชั่วโมงsetMilliseconds()ตั้งค่ามิลลิวินาทีsetMinutes()ตั้งค่านาทีsetMonth()ตั้งค่าเดือนsetSeconds()ตั้งค่าวินาทีsetTime()ตั้งค่าเวลาต่อไปนี้เป็นโค้ดสำหรับเมธอดตั้งค่าวันที่ตัวอย

เพื่อตั้งค่าคีย์อ็อบเจกต์ด้วยตัวแปร โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>

เมธอด sort() ใน JavaScript ใช้สำหรับจัดเรียงอาร์เรย์ ลำดับการจัดเรียงอาจเป็นตัวอักษร ตัวเลข ขึ้นหรือลงตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal

คุณสมบัติ source ใน JavaScript คืนค่าข้อความ regexp ที่นำมาเปรียบเทียบกับรูปแบบที่กำหนดตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g

JavaScript Spread Operator ช่วยให้เราขยายอาร์เรย์เป็นองค์ประกอบแต่ละตัวได้ โดยใช้สามจุด (...) นำหน้าชื่ออาร์เรย์ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, in

คีย์เวิร์ด this ใน JavaScript อ้างอิงถึงอ็อบเจกต์ที่มันเป็นของ มันอาจอ้างถึง global object ถ้าอยู่คนเดียวหรือในฟังก์ชัน อ้างถึง owner object ถ้าอยู่ในเมธอด และอ้างถึงองค์ประกอบ HTML ที่รับเหตุการณ์ใน event listenerตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta c

เพื่อให้ปุ่มทำงานเมื่อกดปุ่ม ENTER โค้ดมีดังนี้ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> &

คุณสมบัติ undefined ใน JavaScript ระบุว่าตัวแปรถูกประกาศหรือกำหนดค่าแล้วหรือยังตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t

ฟังก์ชัน unescape() ใน JavaScript ใช้ถอดรหัสสตริงที่เข้ารหัส ไม่แนะนำให้ใช้ตั้งแต่ JavaScript เวอร์ชัน 1.5ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-

JavaScript WeakSet ใช้เก็บคอลเลกชันของอ็อบเจกต์ เช่นเดียวกับ Set ไม่เก็บค่าซ้ำเมธอดของ WeakSet -เมธอดคำอธิบายadd(obj)เพิ่มค่าใหม่เข้า WeakSetdelete(obj)ลบค่าออกจาก WeakSethas(obj)คืน true/false ว่า WeakSet มีค่านั้นหรือไม่length()คืนความยาวของ WeakSetต่อไปนี้เป็นโค้ดสำหรับ WeakSet ใน JavaScriptตัวอย

ต่อไปนี้เป็นตัวอย่างสำหรับตัวเลขใน JavaScriptตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <