สมมติ input text ของเราคือ StudentName: เพื่อให้สูญเสียคำใบ้เมื่อกดเคอร์เซอร์เมาส์ ใช้คอนเซปต์ onFocus และ onBlur ตัวอย่าง   Document StudentName: function guessFocus() { if (this.value == this.defaultValue) this.value = ; } function guessBlur(event) { if (this.value == ) this.valu

สิ่งนี้อาจเกิดขึ้นหากคุณยังไม่ใช้คำสั่ง export ให้ใช้ export ก่อนฟังก์ชันที่จะถูกนำเข้าในไฟล์สคริปต์ ไฟล์ JavaScript มีดังนี้ ชื่อไฟล์ demo.js demo.js console.log(function will import); export function test(){ console.log(Imported!!!); } นี่คือไฟล์ index.html ที่นำเข้าฟังก์ชันข้างต้น index.html ตัว

เพื่อแปลงออบเจ็กต์ของออบเจ็กต์เป็นออบเจ็กต์ของอาร์เรย์ออบเจ็กต์ ใช้คอนเซปต์ Object.fromEntries() พร้อม map() ตัวอย่าง [key, [value]])) ); เพื่อรันโปรแกรมด้านบน คุณต้องใช้คำสั่งต่อไปนี้ node fileName.js. ที่นี่ชื่อไฟล์ของผมคือ demo45.js ผลลัพธ์ จะได้ผลลัพธ์ดังนี้ node demo45.js { details1: [ { Nam

สำหรับ iframe src ว่าง ให้ใช้องค์ประกอบ และตั้งค่าแบบนี้สำหรับ src ว่าง ตัวอย่าง   Document เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ anyName.html(index.html) และคลิกขวาที่ไฟล์ เลือก Open with Live Server ใน VS Code editor ผลลัพธ์ จะได้ผลลัพธ์ดังนี้

สมมติเรามีออบเจ็กต์ใน JavaScript ดังนี้ ObjectValue =[ { id: 101, details: { Name:John,subjectName:JavaScript }}, { id: 102, details: { Name:David,subjectName:MongoDB }}, { id: 103 } ] เพื่อลบออบเจ็กต์โดยใช้ filter() โค้ดมีดังนี้ ตัวอย่าง obj.details) console.log(output) เพื่อรันโปรแกรมด้านบน คุณต้

สมมติค่าของเราคือ let subjectNames = [JavaScript, Angular, AngularJS,Java]; เพื่อนับค่าที่ไม่ว่างและไม่ใช่ null ใช้ forEach() ไวยากรณ์มีดังนี้ { yourStatement1 . . . N } } ) ตอนนี้ ใช้คำสั่ง if และตรวจสอบ { if(subject!= || subject!=null){ count+=1; } } ) ตัวอย่าง { if(subject!= || subject!=null){ c

เพื่อลบและเพิ่มแท็ก HTML ใหม่ ใช้คอนเซปต์ hide() และ show() สมมติปุ่มของเราคือ Click Me To hide above content Click Me To show above content เพื่อลบและเพิ่มแท็กเมื่อคลิกปุ่ม ใช้ hide() และ show() $(document).ready(function(){ $(#hide).click(function(){ $(h1).hide(); }); $(#show).click(function(){

ก่อนอื่น ตั้งค่าคีย์ const name = [Name1, Name2]; ตอนนี้ แมปคีย์ไปยังค่าเดียวกันด้วย for loop ตามโค้ดด้านล่าง ตัวอย่าง const name = [Name1, Name2]; const keyValueObject = {}; for (const k of name){ keyValueObject[k] = John; } console.log(keyValueObject); เพื่อรันโปรแกรมด้านบน คุณต้องใช้คำสั่งต่อไปน

เพื่อเพิ่มบรรทัดใหม่ใน Unordered List ใช้ document.querySelector().append() โค้ดมีดังนี้ ตัวอย่าง   Document h1{ font-size: 2.50rem; } h2, label{ font-size: 1.50rem; } Adding Name Demo Enter The Name: Save List Of Name { let nameTxt = document.querySelector(.txtName), name = n

สมมติเรามีระเบียนที่มี BOTID และชื่อผู้ใช้ที่ได้รับมอบหมาย let objectArray = [ { BOTID: 56, Name: John }, { BOTID: 57, Name: David }, { BOTID: 58, Name: Sam}, { BOTID: 59, Name: Mike }, { BOTID: 60, Name: Bob } ]; เรารู้ว่าอาร์เรย์เริ่มจากดัชนี 0 หากคุณต้องการเข้าถึงองค์ประกอบแรกจากอาร์เรย์ข้างต้น

เพื่อปัดเศษทศนิยมเป็นตำแหน่งทศนิยมแรก ใช้ toFixed(1) ใน JavaScript ไวยากรณ์มีดังนี้ var anyVaribleName=yourVariableName.toFixed(1) สมมติทศนิยมของเราคือ var decimalValue =200.432144444555; console.log(Actual value=+decimalValue) มา ปัดเศษทศนิยม โค้ดมีดังนี้ ตัวอย่าง var decimalValue =200.43214444455

สมมติเรามีสตริงที่มีลำดับอักขระพิเศษดังนี้ var fullName= John Smith ; เพื่อแยกสตริงข้างต้นเป็นซับสตริง ใช้ regex และ split() ไวยากรณ์มีดังนี้ var anyVariableName=(/\s*\s*/g); var anyVariableName=yourVariableName.trim().split(yourVariableName); โค้ด JavaScript สมบูรณ์มีดังนี้ ตัวอย่าง var fullName=

ใช้ตัวแปรอาร์เรย์เก็บความถี่ของแต่ละตัวอักษร หากพบตัวอักษรซ้ำ ให้เพิ่ม 1 มิฉะนั้นใส่ 1 ลงไป สมมติสตริงของเราคือ var sentence = My name is John Smith; โค้ด JavaScript สำหรับนับจำนวนครั้งที่ปรากฏมีดังนี้ ตัวอย่าง var sentence = My name is John Smith; sentence=sentence.toLowerCase(); var noOfCountsOfE

ดึงข้อมูลจากแท็กด้วย find() และเก็บข้อมูลลงอาร์เรย์ด้วย push() สมมติตารางของเราเป็นดังนี้ Name Age John23 David26 มาดึงข้อมูลจาก และเก็บในอาร์เรย์ โค้ดสมบูรณ์มีดังนี้ ตัวอย่าง   Document .notShown { display: none; } Name Age John23 David26 0) { actualData.each(fun

ได้ คุณสามารถใช้ Object.fromEntries() พร้อม substr() ภายใต้ substr() ระบุดัชนีเริ่มต้นของ substring และความยาว ตัวอย่าง [k.substr(0, k.length-5), objectValue])); console.log(result) เพื่อรันโปรแกรมด้านบน คุณต้องใช้คำสั่งต่อไปนี้ node fileName.js. ที่นี่ชื่อไฟล์ของผมคือ demo41.js ผลลัพธ์ จะได้ผลลัพ

ใช้เงื่อนไขกับ และ NULL เพื่อตรวจสอบว่าค่าว่างเปล่า โยนข้อความเมื่อผู้ใช้ไม่กรอกค่าในกล่องข้อความ ตัวอย่าง   Document USERNAME: the username. Cant be blank or empty !!!); return false; } } เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ anyName.html(index.html) และคลิกขวาที่ไฟล์ เลื

สมมติอาร์เรย์ของเราที่มีค่าเหมือนกันคือ const listOfStudentName = [John, Mike, John, Bob,Mike,Sam,Bob,John]; เพื่อลบค่าที่ซ้ำกันจากอาร์เรย์ ใช้คอนเซปต์ของ Set() โค้ดมีดังนี้ ตัวอย่าง const listOfStudentName = [John, Mike, John, Bob,Mike,Sam,Bob,John]; console.log(The value=+listOfStudentName); cons

สมมติ div ของเราเป็นดังนี้ Welcome in JavaScript ปุ่มของเราคือ เมื่อคลิก div ข้างต้นควรซ่อน Click The Button ใช้คอนเซปต์ style.display ใน JavaScript เพื่อซ่อน div โค้ดมีดังนี้ ตัวอย่าง   Document Click The Button Welcome in JavaScript function showOrHideDiv() { var v = document.

ก่อนอื่น ต้อง split() สตริงด้วยช่องว่าง และดึงตัวอักษรแรกด้วย charAt() ใช้ toUpperCase() สำหรับตัวอักษรที่ดึงมา ตัวอย่าง function capitalizeTheFirstLetterOfEachWord(words) { var separateWord = words.toLowerCase().split( ); for (var i = 0; i < separateWord.length; i++) { separateWord[i] = separateWo

คุณสามารถใช้ classList.add() พร้อม append() ใช้ document.createElement() สร้าง div ใหม่ และ classList.add() จะเพิ่มคลาส CSS (.class selector) ตัวอย่าง   Document .add-all-subject { display: grid; height: 100px; width: 100px; grid-template-columns: 2fr 2fr 2fr 2fr 2fr; grid-template-row