ใช้ jQuery toggleClass ซ่อน div ที่เกี่ยวข้องกับปุ่มที่กด ผูก click event ที่ไอคอน + ใช้ parent().siblings() หา div คู่ขนาน แล้ว toggle class ซ่อน ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt

ตั้งค่าวินาทีและมิลลิวินาทีเป็น 0 แล้วแปลง ISO String ใช้ setSeconds(0, 0) ตั้งค่าวินาทีและมิลลิวินาที แล้ว toISOString() ตัวอย่างโค้ด var currentDate = new Date(); console.log(วันที่ปัจจุบัน = + currentDate); // ลบวินาทีและมิลลิวินาที (ตั้งเป็น 0) currentDate.setSeconds(0, 0); console.log(หลังล

สร้าง UI เพิ่ม/ลบรายการชื่อแบบไดนามิก ใช้ addEventListener ผูกปุ่มเพิ่ม สร้าง <li> พร้อมปุ่มลบแต่ละรายการ ตัวอย่างโค้ดเต็ม { const actualName = givenName.value.trim(); if (actualName.length !== 0) { const html = ` <li> <div>${actua

ใช้ reduce() ร่วมกับ Map นับความถี่ของ property สร้าง Map นับ frequency ของ subjectName ในอาร์เรย์ออบเจกต์ ตัวอย่างโค้ด { if (map.has(obj.subjectName)) { map.get(obj.subjectName).frequency++; } else { map.set(obj.subjectName, { subjectName: obj.subjectName, frequency: 1 }); } retur

อ่านค่า value จาก input element ด้วย .value property ใช้ document.getElementById() หา element แล้วอ่าน .value ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title&

Parse สตริง JSON ภายใน property แล้วเข้าถึงข้อมูล ข้อมูล subjectDetails เก็บเป็นสตริง JSON ต้อง parse ก่อนถึงจะเข้าถึงได้ ตัวอย่างโค้ด var details = [ { studentId: 101, studentName: John, countryName: US, subjectDetails: {0:JavaScript,1:David} }, { studentId: 102, stud

จัดเรียง key ของออบเจกต์ตามลำดับตัวอักษร/ตัวเลข ใช้ Object.keys().sort() เรียง key แล้วสร้างออบเจกต์ใหม่ด้วย Object.fromEntries() ตัวอย่างโค้ด [k, subjectDetails[k]]) ); console.log(orderSubjects); วิธีรัน node fileName.js ผลลัพธ์ { 101: MySQL, 102: Java, 104: MongoDB, 105: JavaScript

ใช้ filter() กับฟังก์ชัน Boolean เพื่อเก็บค่า truthy เท่านั้น obj) จะเก็บเฉพาะค่าที่เป็น truthy (ไม่ใช่ null, undefined, , 0, false, NaN) ตัวอย่างโค้ด obj); console.log(หลังกรองค่า falsy = ); console.log(filterNullValues); วิธีรัน node fileName.js ผลลัพธ์ ก่อนกรอง = [ null, John, null, David

ใช้ Event focus และ blur จัดการเมื่อเข้า/ออกจากช่องกรอก ผูก event listener ให้ input element สำหรับ focus (เข้า) และ blur (ออก) ตัวอย่างโค้ดเต็ม { console.log(Enter the new value into the text box......); txtInput.focus(); // บังคับ focus กลับ }); // เริ่มต้น focus ที่ช่อง

Unary Plus Operator: แปลงสตริงเป็นตัวเลข เครื่องหมาย + นำหน้าตัวแปร (Unary Plus) จะแปลงค่าให้เป็น Number type ตัวอย่างโค้ด var firstValue = 1000; console.log(ชนิดของ firstValue = + typeof firstValue); // string var secondValue = 1000; console.log(ชนิดของ secondValue = + typeof secondValue); // n

Function Expression: กำหนดฟังก์ชันเป็นค่าของตัวแปร ประกาศฟังก์ชันแบบไม่มีชื่อ (anonymous) แล้ว assign ให้ตัวแปร ใช้ return ส่งค่ากลับ ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-sc

ใช้ jQuery Selector :last เข้าถึง element สุดท้ายโดยตรง ไม่ต้องใช้ length ใช้ selector table tr:last td เลือก td ของแถวสุดท้ายทันที ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scal

ดึง property เฉพาะบางส่วนจากอาร์เรย์ออบเจกต์และแปลงรูปแบบ ใช้ slice() ตัดอาร์เรย์ concat() รวม แล้ว map() สร้างโครงสร้างใหม่ ตัวอย่างโค้ด ({ propertyKey: Object.keys(obj)[0], propertyValue: Object.values(obj)[0] })); console.log(newCustomerDetails); วิธีรัน node fileName.js ผลลัพธ์

สร้างสตริงสุ่มจากชุดตัวอักษรที่กำหนด กำหนดชุดตัวอักษรที่อนุญาต แล้วสุ่มดัชนีด้วย Math.random() วนลูปรวมเป็นสตริง ตัวอย่างโค้ด function generateRandomCharacters(size) { var generatedOutput = ; var storedCharacters = 0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ; var totalChara

คำนวณวันที่วานนี้จากวันที่ปัจจุบัน ใช้ setDate(getDate() - 1) ลบ 1 วัน อัปเดตออบเจกต์ Date โดยอัตโนมัติจัดการข้ามเดือน/ปี ตัวอย่างโค้ด var currentDate = new Date(); console.log(วันที่ปัจจุบัน = + currentDate); var yesterdayDate = currentDate.setDate(currentDate.getDate() - 1); console.log(วันที่ว

จับ Event Click ปุ่ม Submit และแสดง Alert ใช้ jQuery .click() ผูก event ให้ปุ่มด้วย ID ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Form Submit Alert<

อัลกอริธึมหาค่าที่สองใหญ่สุดในอาร์เรย์ วนลูปครั้งเดียว เก็บค่ามากที่สุดและมากอันดับสองไว้ในตัวแปร ตัวอย่างโค้ด secondLargerNumber) { secondLargerNumber = tempNumber; } } console.log(The second largest number = + secondLargerNumber); // 80 วิธีรัน node fileName.js ผลลัพธ์ The second lar

ใช้ match() กับ Regex กลุ่มตัวอักษรซ้ำติดกัน Regex /(.)\1*/g จับกลุ่มตัวอักษรที่ซ้ำติดกัน (เช่น JJJJ, HHHH) ตัวอย่างโค้ด var originalString = JJJJOHHHHNNNSSSMMMIIITTTTHHH; var regularExpression = /(.)\1*/g; console.log(สตริงต้นฉบับ = + originalString); var splitting = originalString.match(regula

อัปเดต property เฉพาะที่มีอยู่ในออบเจกต์ต้นทางด้วย hasOwnProperty() วนลูป key ของออบเจกต์แรก ถ้าออบเจกต์ที่สองมี key นั้น ให้เอาค่าใหม่ มิฉะนั้นคงค่าเดิม ตัวอย่างโค้ด { outputObject[obj] = details2.hasOwnProperty(obj) ? details2[obj] : details1[obj]; }); return outputObject; } console.

ใช้ filter() ร่วมกับ includes() หา intersection กรองอาร์เรย์แรก เฉพาะค่าที่มีอยู่ในอาร์เรย์ที่สองด้วย ตัวอย่างโค้ด secondNamesArray.includes(v)); console.log(Intersection of two arrays = ); console.log(intersectionOfArray); // [David, Carol] วิธีรัน node fileName.js ผลลัพธ์ Intersection of tw