1

1. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
Week 2
JavaScript
JavaScript คืออะไร
JavaScript คือ ภาษาคอมพิวเตอร์สาหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กาลังได้รับ
ความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script)
ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถ
ตอบสนองผู้ใช้งานได้มากขึ้น ซึ่งมีวิธีการทางานในลักษณะ "แปลความและดาเนินงานไปทีละคาสั่ง"
(interpret) หรือเรียกว่า อ็อบเจ็กโอเรียลเต็ด (Object Oriented Programming) ที่มี
เป้าหมายในการ ออกแบบและพัฒนาโปรแกรมในระบบอินเทอร์เน็ต สาหรับผู้เขียนด้วยภาษา HTML
สามารถทางานข้ามแพลตฟอร์มได้ โดยทางานร่วมกับ ภาษา HTML และภาษา Java ได้ทั้งทางฝั่ง
ไคลเอนต์ (Client) และ ทางฝั่งเซิร์ฟเวอร์ (Server) การเขียนโปรแกรม เขียนได้ดังนี้
Program Edit plus

2. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
ไปที่ File > New > HTML Page หรือ กด Ctrl+Shift+N จะขึ้นหน้าต่างดังข้างล่าง
จากนั้นปิดด้วย <Script language = “JavaScript”> ตามช่องสีฟ้าใต้ Title

3. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นปิดด้วย </script> ตามช่องสีฟ้าด้านล่าง
จากนั้นใส่ Tag Comment ตามช่องสีฟ้าด้านล่าง เพื่อรองรับ Java

4. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นพิมพ์ Document. Write (“สวัสดีชาว GI ทุกท่าน”); ตามช่องสีฟ้า โดยให้อยู่ระหว่าง
Tag Comment
จากนั้นกด Save > Save as และ File name ให้พิมพ์ชื่อไฟล์และตามด้วย .html
และ Save as Type เป็น HTML จากนั้นกด Save

5. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นไปที่ไฟล์ที่เราทาการ Save เมื่อสักครู่ จากนั้นคลิกขวา Open with > Google
Chrome จะขึ้นดังภาพด้านล่าง
จากนั้นใส่เครื่องหมาย + หลังฟันหนู(“) เพื่อเชื่อมระหว่างคา จากนั้นพิมพ์
Document.lastModified ดังช่องสีฟ้าด้านล่าง จากนั้นกด Ctrl+S ได้เลย

6. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นกด Refresh ที่ Google Chrome 1 ครั้ง จะขึ้นดังภาพคือ มีวันและเวลาเพื่อเข้ามา
จากนั้นกด Ctrl+N เพื่อได้หน้าต่างใหม่ ดังภาพ

7. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นพิมพ์โครงสร้างแรกของ JavaScript ตามช่องสีฟ้า ดังภาพ
(Java ใส่ได้ 2 ส่วน คือส่วนhead และ ส่วนbody)
จากนั้นพิมพ์ < script language = “JavaScript” > เพื่อเป็น Script คาสั่ง

8. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นปิดด้วย </script>
จากนั้นใส่ Tag Comment

9. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นพิมพ์ window. alert (“หิวข้าวแล้วนะครับ!!!”) ; ดังช่องสีฟ้าด้านล่าง เพื่อให้มีกล่อง
ข้อความแจ้งเตือน
จากนั้นกด Ctrl+S แล้วเปลี่ยน Save as Type เป็น HTML ดังภาพ แล้วกดSave

10. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นไปที่ไฟล์ที่เราทาการ Save เมื่อสักครู่ จากนั้นคลิกขวา Open with > Google
Chrome จะขึ้นดังภาพด้านล่าง จะขึ้นภาษาจีนให้ไปแก้ไข
บรรทัดที่ 3 TIS คือ Front ที่รองรับภาษาไทยจากนั้นพิมพ์โค้ดตามช่องสีฟ้าด้านล่างลงไป

11. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จะแสดงหน้าต่างกล่องข้อความดังภาพ
จากนั้นพิมพ์โค้ดตามช่องสีฟ้าด้านล่างลงไปดังภาพ แล้วกด Ctrl+S

12. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นไปที่ไฟล์ที่เราทาการ Save เมื่อสักครู่ จากนั้นคลิกขวา Open with > Google
Chrome จะขึ้นดังภาพด้านล่าง
จากนั้นพิมพ์ตามช่องสีฟ้าด้านล่างลงไปดังภาพ แล้วกด Ctrl+S

13. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นไปที่ไฟล์ที่เราทาการ Save เมื่อสักครู่ จากนั้นคลิกขวา Open with > Google
Chrome จะขึ้นดังภาพด้านล่าง
สามารถพิมพ์ที่ต้องการลงไปได้

14. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
จากนั้นให้กลับมาที่ head ใส่ Function test ตามช่องสีฟ้าลงไปดังภาพ
จากนั้นนาคาว่า test() มาแล้วนาไปไว้ใน Function

15. นางสาวสุนันทา ชานาญราช
รหัสนิสิต 58170136 กลุ่ม 01
ใส่ Test() ใน Script ดังภาพ
จากนั้นกด File > Save as แล้ว Save as Type เป็น HTML ดังภาพแล้วกด Save จะขึ้นดัง
ภาพ คือแสดงกล่องข้อความขึ้นมา เป็นการเสร็จสมบูรณ์