Week 2 บาจรีย์

1. Week 2 บาจรีย์ 1
Script Program ( Java Script )
วันที่ 11 ม.ค. 2560
WEEK 2
เปิดโปรแกรม EditPlus ขึ้นมา
เปิด HTML Page ขึ้นมาตามขั้นตอน ดังภาพ

2. Week 2 บาจรีย์ 2
จะปรากฏออกมา ดังภาพ
พิมพ์ <script language = “Javascript”> ลงไปในบรรทัดที่ 11 ดังภาพ

3. Week 2 บาจรีย์ 3
พิมพ์ แท็ก คอมเม้นต์ <!- - และ //-> ดังภาพ
เพื่อเผื่อว่า web browser ที่เราใช้เป็นรุ่นเก่าที่ไม่รองรับการทางานนี้
พิมพ์ object.method ลงไปในที่นี้ คือ
Document.write(“สวัสดีชาว GI ทุกท่าน”); ดังภาพ

4. Week 2 บาจรีย์ 4
ตอน save ต้องพิมพ์ นามสกุลไฟล์ เป็น .html ลงไปด้วย
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา ขั้นตอนดังภาพ

5. Week 2 บาจรีย์ 5
พิมพ์ </script> เพื่อทาการปิด script ด้วย
จะปรากฏมาในหน้าจอ web browser ออกมา ดังภาพ

6. Week 2 บาจรีย์ 6
การบอกเวลาของการแก้ไขข้อมูล (lastmodified)
เพื่อทาการบอกเวลาของการแก้ไขข้อมูลด้วย
พิมพ์ +document.lastModified แทรกลงไป ดังตาแหน่ง ดังภาพ
และกด save หรือ Ctrl S
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser จะได้ ดังภาพ

7. Week 2 บาจรีย์ 7
กด Ctrl N เพื่อสร้างหน้าใหม่
พิมพ์โครงสร้างที่ ประกอบด้วย 3 อย่าง คือ head ,title ,body ดังภาพ

8. Week 2 บาจรีย์ 8
พิมพ์ <script language = “Javascript”> ลงไปในส่วนของ body และพิมพ์ </script> เพื่อทาการปิด script ดังภาพ
พิมพ์ <!- - และ //-> ดังภาพ
เพื่อเผื่อว่า web browswe ที่เราใช้เป็นรุ่นเก่าที่ไม่รองรับการทางานนี้

9. Week 2 บาจรีย์ 9
ทาหน้าต่างแจ้งเตือน (alert)
พิมพ์ object.method ลงไป ในที่นี้ คือ window.alert(“หิวข้าวแล้วนะ!!!”); ดังภาพ
ตอน save ต้องพิมพ์ นามสกุลไฟล์ เป็น .html ลงไปด้วย

10. Week 2 บาจรีย์ 10
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser จะปรากฏกล่องข้อความออกมา
ซึ่งไม่ใช่ภาษาไทยแบบที่เราต้องการ
ทาการแก้ ให้ปรากฏเป็นภาษาไทยแบบที่เราต้องการ โดยพิมพ์ <meta charset = “TIS-620”> ดังภาพ

11. Week 2 บาจรีย์ 11
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser
คาสั่งจะออกมาเป็น ภาษาไทยที่เราต้องการแล้ว

12. Week 2 บาจรีย์ 12
ทากล่อง confirm
พิมพ์ object.method ลงไป ในที่นี้ คือ window.confirm(“คุณหิวข้าวแล้วหรือยัง?”);
แทรกลงไป ดังตาแหน่ง ดังภาพ
และกด save หรือ Ctrl S
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser จะได้ ดังภาพ

13. Week 2 บาจรีย์ 13
ทา prompt
พิมพ์ object.method ลงไป ในที่นี้ คือ window.prompt(“คุณต้องการกินอะไร?”);
แทรกลงไป ดังตาแหน่ง และ save หรือ Ctrl S ดังภาพ
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser จะได้ ดังภาพ

14. Week 2 บาจรีย์ 14
ทากล่องที่มี function
พิมพ์ function ลงไป ในที่นี้คือ function test ()
{
<!- -
Window.prompt(“คุณต้องการกินอะไร?”);
//->
}
Test ()
แทรกลงไป ภายใต้คาสั่ง script ดังภาพ และ save หรือ Ctrl S

15. Week 2 บาจรีย์ 15
เข้า my computer เพื่อไปเปิดไฟล์ ที่เราบันทึกไว้ออกมา รีเฟรชหน้า browser จะได้ ดังภาพ