การฝึกฝนเนื้อหาที่เรียนรู้เกี่ยวกับการทำงานกับ DOM

Задание 1

กำหนดให้มีอินพุตและพารากราฟ เมื่ออินพุตเสียโฟกัส ให้บันทึกค่าจากอินพุตไปต่อท้ายข้อความของพารากราฟ

Задание 2

กำหนดให้มีอินพุตหลายตัว พารากราฟหนึ่งอันและปุ่ม เมื่อ กดปุ่ม ให้รับตัวเลขที่อยู่ในอินพุตเหล่านั้น และบันทึกผลรวมลงในพารากราฟ

Задание 3

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนตัวเลขลงไป เมื่อเสียโฟกัส ให้หาผลรวมของเลขหลักนั้น

Задание 4

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนตัวเลขคั่นด้วยเครื่องหมายจุลภาค เมื่อเสียโฟกัส ให้หาค่าเฉลี่ยเลขคณิต ของตัวเลขเหล่านี้ (ผลรวมหารด้วยจำนวน)

Задание 5

กำหนดให้มีอินพุต 4 ตัว ในอินพุตแรกให้ป้อน ชื่อ-นามสกุล คั่นด้วยช่องว่าง เมื่อเสียโฟกัส ให้บันทึก นามสกุล ชื่อ และชื่อกลาง ลงในอินพุตที่เหลือ 3 ตัว

Задание 6

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนชื่อ-นามสกุล คั่นด้วยช่องว่าง โดยป้อนด้วยตัวอักษรพิมพ์เล็ก ทำให้ เมื่ออินพุตเสียโฟกัส ชื่อ นามสกุล และชื่อกลางที่ป้อนเข้าไป ถูกเปลี่ยนเป็นตัวอักษรพิมพ์ใหญ่โดยอัตโนมัติ (ในอินพุตเดิม)

Задание 7

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนข้อความลงไป เมื่อเสียโฟกัส ให้หาจำนวนคำในข้อความนี้

Задание 8

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนวันที่ในรูปแบบ 31.12.2016 เมื่อเสียโฟกัส ใน อินพุตเดียวกันนี้ ให้เปลี่ยนรูปแบบวันที่เป็น 2016-12-31

Задание 9

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนคำลงไป เมื่อกด ปุ่มให้ตรวจสอบว่าคำนี้อ่านจากหน้าไปหลังและหลังไปหน้าแล้วเหมือนกันหรือไม่ (เช่น มะdam)

Задание 10

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนตัวเลขลงไป ตรวจสอบ เมื่อเสียโฟกัส ว่าตัวเลขนี้มี เลข 3 อยู่ภายในหรือไม่

Задание 11

กำหนดให้มีพารากราฟหลายอันและปุ่มหนึ่งปุ่ม เมื่อกด ปุ่มให้บันทึกลำดับที่ของแต่ละพารากราฟต่อท้ายพารากราฟนั้น

Задание 12

กำหนดให้มีลิงก์หลายลิงก์ เพิ่ม href ของลิงก์นั้น ไว้ในวงเล็บต่อท้ายลิงก์แต่ละอัน

Задание 13

กำหนดให้มีลิงก์หลายลิงก์ ถ้าลิงก์นั้นขึ้นต้นด้วย http:// ให้เพิ่มลูกศร → ต่อท้ายลิงก์นั้น (เขียนได้ดังนี้: →)

Задание 14

กำหนดให้มีพารากราฟหลายอันที่มีตัวเลข เมื่อกด บนพารากราฟใดก็ตาม ให้บันทึกค่ากำลังสองของตัวเลข ที่อยู่ในพารากราฟนั้นลงไป

Задание 15

กำหนดให้มีอินพุตหนึ่งตัว ให้ป้อนวันที่ในรูปแบบ 31.12.2016 เมื่อเสียโฟกัส ให้หา วันในสัปดาห์ (เป็นคำพูด) ที่ตรงกับวันที่นั้น

Задание 16

กำหนดให้มีอินพุตหนึ่งตัว สร้างปุ่ม +1, -1 ซึ่งจะเพิ่มหรือลดค่าในอินพุต ทีละ 1 ทำให้ค่าในอินพุตไม่สามารถน้อยกว่าศูนย์ได้

Задание 17

กำหนดให้มีอินพุตหนึ่งตัว และมีพารากราฟหลายอัน ให้อินพุตนี้ บันทึกจำนวนการคลิกทั้งหมดบนพารากราฟเหล่านั้น

Задание 18

ในหน้ามี div หลายอัน ในนั้นมีข้อความ ให้ไล่ตรวจสอบทุก div และตัดข้อความ ที่อยู่ในนั้นให้มีความยาว 10 ตัวอักษร และเพิ่มจุดไข่ปลา ... ต่อท้ายข้อความที่ตัดแล้ว

Задание 19

กำหนดให้มีอินพุตและปุ่มหนึ่งปุ่ม เมื่อกดปุ่ม ให้สร้างสตริงสุ่มความยาว 8 ตัวอักษร และบันทึกลงในอินพุต

Задание 20

กำหนดให้มีอินพุตและปุ่มหนึ่งปุ่ม ผู้ใช้ป้อน สตริงบางอย่างลงในอินพุต เมื่อกดปุ่ม ให้สลับตัวอักษรที่ป้อนเข้ามาอย่างสุ่ม และบันทึกกลับลงไปในอินพุต

Задание 21

กำหนดให้มีอินพุต ปุ่มและพารากราฟ ในอินพุตให้ป้อนอุณหภูมิเป็น องศาฟาเรนไฮต์ เมื่อคลิกปุ่ม ให้แสดงอุณหภูมิเป็นองศาเซลเซียสในพารากราฟ

Задание 22

กำหนดให้มีอินพุต ปุ่มและพารากราฟ ในอินพุตให้ป้อน ตัวเลข เมื่อกดปุ่มให้แสดงในพารากราฟ แฟกทอเรียลของตัวเลขนั้น

Задание 23

กำหนดให้มีอินพุต 3 ตัว ปุ่มหนึ่งปุ่มและพารากราฟ ในอินพุต ให้ป้อนสัมประสิทธิ์ของสมการกำลังสอง เมื่อกดปุ่มให้หารากของ สมการนี้และแสดงในพารากราฟ