หน้าแรก
หน้าแรก
ในการสร้างสแน็คบาร์/ขนมปังปิ้งด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "
ในการสร้างหน้าต่างเต็มหน้าจอด้วย JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> body{ font-family: '
ในการวาดบนเลื่อนโดยใช้ JavaScript และ SVG โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { height: 2000px;
ในการสร้างส่วนหัวคงที่/ติดหนึบเมื่อเลื่อนด้วย CSS และ JavaScript โค้ดมีดังต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-f
ในการสลับระหว่างปุ่มชอบ/ไม่ชอบด้วย CSS และ JavaScript รหัสมีดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <style> body {
ในการสลับระหว่างการซ่อนและแสดงองค์ประกอบด้วย JavaScript โค้ดมีดังต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: &q
หากต้องการสลับข้อความด้วย JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI",
ในการสลับระหว่างการเพิ่มและลบชื่อคลาสจากองค์ประกอบที่มี JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .newStyle {
ในการเพิ่มชื่อคลาสให้กับองค์ประกอบด้วย JavaScript โค้ดจะเป็นดังนี้ − ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .newStyle { font-family: &quo
ฟังก์ชัน JavaScript Array reverse() จะกลับลำดับองค์ประกอบในอาร์เรย์ ต่อไปนี้เป็นรหัสสำหรับฟังก์ชัน array reverse() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wi
JavaScript Array.join() วิธีการใช้สำหรับแปลงองค์ประกอบอาร์เรย์แต่ละรายการเป็นสตริง ต่อไปนี้เป็นรหัสสำหรับวิธี Array.join() - ตัวอย่าง เอกสาร เนื้อหา { ตระกูลแบบอักษร:Segoe UI, Tahoma, เจนีวา, Verdana, sans-serif; } .sample { ขนาดตัวอักษร:20px; ตัวอักษร-น้ำหนัก:500; }JavaScript Array join()คลิกที่นี
สัญลักษณ์ Symbol.isConcatSpreadable ใช้เพื่อระบุว่าอาร์เรย์ที่ซ้อนกันควรถูกทำให้แบนกับองค์ประกอบอาร์เรย์แต่ละรายการหรือไม่เมื่อใช้เมธอด Array.prototype.concat() ต่อไปนี้เป็นรหัสสำหรับสัญลักษณ์ Symbol.isConcatSpreadable - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> &
JavaScript Symbol.iskeyFor() ใช้สำหรับค้นหาคีย์ที่เกี่ยวข้องกับสัญลักษณ์ที่กำหนด คีย์ถูกดึงมาจากการลงทะเบียนสัญลักษณ์ส่วนกลาง ต่อไปนี้เป็นรหัสสำหรับฟังก์ชัน Symbol.keyFor() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <me
JavaScript symbol.toString() ส่งคืนการแสดงสตริงของอ็อบเจ็กต์สัญลักษณ์ที่ระบุ ต่อไปนี้เป็นรหัสสำหรับวิธี Symbol.toString() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de
ฟังก์ชัน JavaScript Array shift() จะลบองค์ประกอบแรกออกจากอาร์เรย์ - ต่อไปนี้เป็นรหัสสำหรับฟังก์ชันอาร์เรย์ shift() - ตัวอย่าง เอกสาร เนื้อหา { ตระกูลแบบอักษร:Segoe UI, Tahoma, เจนีวา, Verdana, sans-serif; } .sample { ขนาดตัวอักษร:20px; ตัวอักษร-น้ำหนัก:500; }JavaScript Array Shiftคลิกที่นี่คลิกที่ป
JavaScript Array slice() วิธีการส่งกลับอาร์เรย์ใหม่ของรายการที่เลือกในอาร์เรย์ที่ใหญ่กว่า ไม่เปลี่ยนอาร์เรย์เดิม ต่อไปนี้เป็นรหัสสำหรับอาร์เรย์ slice() วิธีการ - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="
ฟังก์ชัน JavaScript Array some() จะตรวจสอบว่าองค์ประกอบบางอย่างของอาร์เรย์ผ่านการทดสอบที่กำหนดหรือไม่ การทดสอบนั้นเป็นฟังก์ชันที่รันสำหรับแต่ละองค์ประกอบของอาร์เรย์ ต่อไปนี้เป็นรหัสสำหรับอาร์เรย์บางวิธี () - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta chars
JavaScript array.entries() วิธีการส่งกลับคู่คีย์/ค่าเป็นอ็อบเจ็กต์อาร์เรย์ iterator ต่อไปนี้เป็นรหัสสำหรับวิธี array.entries() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid
ฟังก์ชัน JavaScript array.flatMap() จะทำให้อาร์เรย์ที่ซ้อนกันที่ซ้อนกันนั้นแบนลงในอาร์เรย์แบบแบนใหม่ ต่อไปนี้เป็นรหัสสำหรับวิธี array.flatMap() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"
ฟังก์ชัน findIndex() ใน JavaScript จะคืนค่าดัชนีของค่าองค์ประกอบแรกที่ตรงตามเงื่อนไขที่กำหนดในอาร์เรย์ ต่อไปนี้เป็นรหัสสำหรับฟังก์ชันอาร์เรย์ find() - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&q