วิธีทำ ใช้ scrollTop และ scrollHeight ร่วมกับ setInterval() ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

วิธีทำ ใช้ Regular Expression กับ backreference (\1, \2) เพื่อจับ pattern ที่ซ้ำกัน ตัวอย่างโค้ด var groupValues1 = 10 10 10; var groupValues2 = 10 10 10 10; var groupValues3 = 10 10; var regularExpression = /^(\d+)(\s)\1\2\1$/; var isValidGroup1 = regularExpression.test(groupValues1); var isVa

หลักการ Stack ทำงานแบบ LIFO (Last In First Out) ต้อง pop() ทุก elements จาก stack แรก แล้ว push() เข้า stack ที่สอง ตัวอย่างโค้ด var myFirstStack=[10,20,30,40,50,60,70]; var mySecondStack=[]; for(;myFirstStack.length;){ mySecondStack.push(myFirstStack.pop()); } console.log(After popping all e

วิธีทำ ใช้ onclick=yourFunction() และ document.getElementById(id).value = ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

ข้อมูลตัวอย่าง var firstArray = [John, David, Bob]; var secondArray = [Mike,Sam,Carol]; วิธีทำ ใช้ map() จาก JavaScript ตัวอย่างโค้ด var firstArray = [John, David, Bob]; var secondArray = [Mike,Sam,Carol]; var arrayOfObject = firstArray.map(function (value, index){ return [value, secondArray[i

ข้อมูลตัวอย่าง var studentObject = new Object(); studentObject[studentFirstName] = John; studentObject[studentLastName] = Doe; studentObject[studentAge] = 22; studentObject[studentCountryName] = US; studentObject[studentCollegeName] = MIT; studentObject[studentSubjectName] = JavaScript; วิธีหา

เพื่อเรียกใช้ Parent Method เมื่อ Parent และ Child มี Method ชื่อและ Signature เหมือนกันคุณสามารถใช้ไวยากรณ์ด้านล่างนี้console.log(YourParentClassName.prototype.yourMethodName.call(yourChildObjectName));ตัวอย่างclass Super {    constructor(value) {       this.value = value;

โค้ด Dropdown <select onchange=selectedSubjectName() id=subjectName> <option>Javascript</option> <option>MySQL</option> <option>MongoDB</option> <option>Java</option> </select> ตัวอย่างโค้ด <!DOCTYPE html> <html lang=

วิธีทำ ใช้ toLocaleString() พร้อมระบุ timeZone Asia Time Zone: var todayDateTime = new Date().toLocaleString(en-US, {timeZone: Asia/Kolkata}); America Time Zone: var americaDateTime = new Date().toLocaleString(en-US, {timeZone: America/New_York}); ตัวอย่างโค้ด var todayDateTime = new Date().toLocale

วิธีทำ ใช้ filter() ร่วมกับการเปรียบเทียบ == ตัวอย่างโค้ด const jsonObject= [ { studentId:101, studentName:David }, { studentId:102, studentName:Mike }, { studentId:103, studentName:David }, { studentId:104, studentName:Bob } ] var result = jsonObject.filter(obj=> obj.studentName ==

วิธีทำ ใช้ toggle() ร่วมกับ this.checked ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title

Syntax var anyVariableName1=yourValue1, anyVariableName2=yourValue2, anyVariableName3=yourValue3, ... ตัวอย่างโค้ด var firstName=My First Name is David, lastName=My Last Name is Miller, place=I live in AUS; console.log(firstName); console.log(lastName); console.log(place); วิธีรัน node fileName.j

วิธีทำ ใช้ map() ร่วมกับ find() ตัวอย่างโค้ด var details1 = [ { productDetails: { isSold: true, productId:101 } }, { productDetails: { isSold: true, productId:103 } } ] var details2 = [ { productDetails: { isSold: false, productId:101 } } ] var details3 = details1.map(details1Object=>

วิธีทำ ใช้ for loop พร้อม if-else ตรวจสอบความยาว array ตัวอย่างโค้ด 1){ for(var index=0; index < studentDetails.length; index++){ firstObjectValue = studentDetails[index].firstName; break; } } else { firstObjectValue = undefined; } if(firstObjectValue != undefined) console.

วิธีทำ ใช้ Object.keys(), Object.values() และ map() ตัวอย่างโค้ด const object = { name: John, age: 21, countryName: US, subjectName: JavaScript } const allKeysOfObject = Object.keys(object); console.log(The all keys are= + allKeysOfObject); const allValues = Object.values(object); c

วิธีทำ ใช้ jQuery กับ id property และ toggleClass ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&

วิธีทำ ใช้ dot notation (.) ร่วมกับ square brackets ([]) เข้าถึง nested properties ตัวอย่างโค้ด var details = { customer: { customerDetails: { otherDetails: [ { customerDetails: { isMarried: false } }, { customerDetails: { isMarried: false } }, { customerDet

ข้อมูลตัวอย่าง var values = studentId:100001,studentName:John Smith,isTopper:true,uniqueId:10001J-10001,marks:78,newId:4678; วิธีทำ ใช้ Regular Expression ตัวอย่างโค้ด var regularExpression = /(?<=:)(?!(?:null|false|true|\d+),)[\w-]+(?=,)/g; var values = studentId:100001,studentName:John Smith,isTo

วิธีทำ ใช้ D3.js .data(array) bind data แล้ว .enter().append(p) สร้าง p tags ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

วิธีทำ ใช้ children.length เพื่อนับจำนวน child nodes ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume