คำอธิบาย ใช้ createElement() และ appendChild() เพื่อสร้าง radio button จากข้อมูลในอาร์เรย์ ตัวอย่างโค้ด var gender = [Male, Female]; gender.forEach((genderValue, i) => { var labelValue = document.createElement(label); labelValue.innerHTML = genderValue; var inputValue = document.createElem

คำอธิบาย ควรใช้ querySelector() ร่วมกับ addEventListener() แทนการผูก event โดยตรง ตัวอย่างโค้ด <select id=selectDemo> <option value=Java>Java</option> <option value=Javascript>Javascript</option> <option value=MySQL>MySQL</option> <option value=M

คำอธิบาย ตั้งค่า style.display เป็น block หรือ none ตามค่า option ที่เลือก ตัวอย่างโค้ด <select onchange=displayDivDemo(hideValuesOnSelect, this)> <option value=0>Java</option> <option value=1>Javascript</option> </select> <div id=hideValuesOnSelect style=

คำอธิบาย ใช้ class selector (.) ร่วมกับ each() เพื่อวนลูปแทนที่ช่องว่างในทุกองค์ประกอบที่มีคลาสเดียวกัน ตัวอย่างโค้ด <p class=demo>Javascript Tutorial</p> <p class=demo>MySQL Tutorial</p> <p class=demo>MongoDB Tutorial</p> <script> $(.demo).each(function (

คำอธิบาย ใช้ jQuery selector input[name=checkDemo]:checked ร่วมกับ each() เพื่อดึงค่าของ checkbox ที่ถูกเลือก ตัวอย่างโค้ด (HTML + jQuery) <input type=checkbox name=checkDemo id=check1 value=Cricket /> <label for=check1>Cricket</label> <input type=checkbox name=checkDemo id=che

คำอธิบาย ใช้ parseFloat() ร่วมกับ toFixed() เพื่อลบตัวเลขทศนิยมได้แม่นยำ หลีกเลี่ยงปัญหาความแม่นยำของ floating point ตัวอย่างโค้ด var firstValue = 4.3; var secondValue = 3.8; console.log(The first Value= + parseFloat(firstValue).toFixed(1) + The second Value= + parseFloat(secondValue).toFixed(1));

คำอธิบาย ใช้ clearInterval() เพื่อหยุดการ scroll อัตโนมัติเมื่อถึงเงื่อนไข ตัวอย่างโค้ด <script> var start = 0; var limit = 200; var scroll = setInterval(() => this.startScrollDown(), 20); function startScrollDown() { window.scrollBy(0, 1000); console.log(start); if (start == limit)

คำอธิบาย ใช้ sort() พร้อมฟังก์ชันเปรียบเทียบตัวเลข เพื่อจัดเรียงตัวเลขอย่างถูกต้อง (sort เริ่มต้นจัดเป็นสตริง) ตัวอย่างโค้ด var arrayOfIntegers = [67, 45, 98, 52]; arrayOfIntegers.sort(function (first, second) { return first - second; }); console.log(arrayOfIntegers); วิธีรัน node fileName.js ผ

คำอธิบาย ใช้เงื่อนไขภายใน setInterval เพื่อหยุดการทำงานหลังจากเวลาที่กำหนด ตัวอย่าง: หยุดหลัง 30 วินาที <script> var now = new Date().getTime(); var interval = setInterval(function () { if (new Date().getTime() - now > 30000) { clearInterval(interval); return; } console.log(w

คำอธิบาย ปัญหา: new Array(5).fill({}) สร้างอาร์เรย์ที่อ้างอิงออบเจกต์เดียวกัน ทั้งหมด ใช้ map() เพื่อสร้าง instance ใหม่แทน ไวยากรณ์ var anyVariableName = new Array(yourSize).fill().map(Object); ตัวอย่างโค้ด var arrayOfObject = new Array(5).fill().map(Object); console.log(arrayOfObject); วิธีรัน

คำอธิบาย ใช้เงื่อนไข ! (not) เพื่อตรวจสอบค่า null ตัวอย่างโค้ด var value = null; if (!value) { console.log(This is null.); } else { console.log(This is not null.); } วิธีรัน node fileName.js ผลลัพธ์ This is null.

คำอธิบาย เขียนฟังก์ชันหาการจัดหมู่ (combinations) ของสมาชิกในอาร์เรย์ ตัวอย่างโค้ด function combination(values) { function * combinationRepeat(size, v) { if (size) for (var chr of values) yield * combinationRepeat(size - 1, v + chr); else yield v; } return [...combinatio

คำอธิบาย ใช้ spread operator (...) เพื่อรวมคุณสมบัติของออบเจกต์หลายตัวเข้าด้วยกัน ตัวอย่างโค้ด var firstObject = { firstName: John, lastName: Smith }; var secondObject = { countryName: US }; var mergeObject = {...firstObject, ...secondObject}; console.log(mergeObject); วิธีรัน node fileName.

คำอธิบาย ใช้ removeEventListener() ภายในฟังก์ชันภายนอกเพื่อลบ listener ที่เพิ่มไว้ก่อนหน้า ตัวอย่างโค้ด <button id=demo>Press Me</button> <script> var demoId = document.getElementById(demo); demoId.addEventListener(click, function fun() { outerFunction(this, fun); }, false); f

คำอธิบาย ดึงค่าจาก span tag แปลงจากสตริงเป็นตัวเลข คูณด้วยตัวเลข แล้วนำไปแสดงใน div ตัวอย่างโค้ด (HTML + jQuery) <span class=purchase amount><span></span>10</span> <p id=demo></p> <script> $(document).ready(function () { var v = parseInt($(.purchase.amou

คำอธิบาย ใช้ Regular Expression ด้วย word boundary (\b) เพื่อจับคู่คำที่ต้องการอย่างแม่นยำ ตัวอย่างโค้ด var sentence = This is the not javascript Tutorial; var regularExpression = /\bjavascript\b/g; var output = regularExpression.test(sentence); console.log(output); วิธีรัน node fileName.js ผลลัพ

คำอธิบาย ใช้ executeScript พร้อมคำสั่ง return เพื่อรับค่าจาก JavaScript กลับมาใน Selenium ไวยากรณ์ JavascriptExecutor j = (JavascriptExecutor) driver; j.executeScript(return document.getElementsByName(txtSearchText)[0].value) ตัวอย่างโค้ด Java WebElement t = driver.findElement(By.id(txtSearchText)

คำอธิบาย ใช้ execute_script เมธอดเพื่อรันคำสั่ง JavaScript ใน Selenium Python ตัวอย่าง: Scroll ลงสุดหน้า driver.execute_script(window.scrollTo(0, document.body.scrollHeight);) ตัวอย่าง: คลิกองค์ประกอบด้วย JavaScript s = driver.find_element_by_css_selector(#id) driver.execute_script(arguments[0].cl

คำอธิบาย อ่านค่าตัวแปร JavaScript ได้ผ่านเมธอด executeScript ของ JavascriptExecutor ไวยากรณ์ JavascriptExecutor j = (JavascriptExecutor) driver; j.executeScript(return document.title) ตัวอย่างโค้ด Java JavascriptExecutor j = (JavascriptExecutor) driver; String t = (String) j.executeScript(return d

คำอธิบาย สามารถคลิกลิงก์ได้ทั้ง WebDriver click และ JavaScript click ใน Selenium WebDriver WebDriver Click ใช้ link text และ partial link text locator ด้วยเมธอด driver.findElement(By.linkText()) และ driver.findElement(By.partialLinkText()) แล้วตามด้วย click() JavaScript Click ใช้ JavascriptExecuto