คราวที่แล้วเรารู้ Concept คร่าว ๆ เกี่ยวกับ Script กันไปแล้ว มาคราวนี้เราลองมาเขียน Script กันดูบ้างกับภาษา Script ที่มีชื่อว่า JavaScript ครับ ซึ่งเป็นสริปต์ในแบบ Client Sid ครับ แต่ก่อนอื่นเราต้องมาทำความรู้จักกับโปรแกรมที่จะสามารถเขียนโปรแกรม Script ได้ก่อนครับ เริ่มเลยละกัน…

โปรแกรมที่ใช้ในการเขียน Script

Program ที่เราสามารถนำมาใช้ในการเขียนภาษาสริปต์ได้นั้น ก็ไม่ได้ยุ่งยากอะไร เพราะเราสามารถใช้โปรแกรม Text Editor ทั่ว ๆ ไปที่มีมากับระบบปฏิบัติการต่าง ๆ นำมาเขียนได้อยู่แล้ว โปรแกรมที่เราคุ้รเคยกันสำหรับ OS ที่เป็น Windows ก็อย่างเช่น โปรแกรม Notepad ครับ วิธีการเรียกใช้งานโปรแกรมนี้สำหรับผู้ที่ยังไม่เคยใช้งานเลย ก็ให้เข้าไปที่ Start จากนั้น Click ที่เมนู Run แล้วพิมพ์ชื่อโปรแกรมลงไป คือ notepad ครับ จากนั้นก็กดที่ OK เท่านี้โปรแกรม Notepad ก็จะปรากฏขึ้นมาให้เราใช้งาน ดังรูป Pic.1 นะครับ

Pic.1
หรือถ้าเราว่ายากไปสำหรับการหัดเขียนด้วยโปรแกรมนี้เราก็สามารถเขียนไปกับโปรแกรม Dreamweaver ได้เลยเช่นเดียวกันครับ โดยการ Click เลือกไปที่โหมด Show Code Viewของโปรแกรมครับ

 

 

เริ่มเขียนโปรแกรมแรก

เรารู้แล้วว่าเราจะเขียนสริปต์กับโปรแกรมอะไรได้บ้างต่อมาเราลองมาเขียนโปรแกรมแรกกันครับ เป็นโปรแกรมสุดฮิตที่นักเขียนโปรแกรมต้องผ่านกันมาทุกคนครับ ผมเรียกมันว่าโปรแกรม Hello…มาดู Source Code กันครับ

1 : <script language=’JavaScript’> 2 : document.write (“Hello…JavaScript..!!!”); 3 : </script>

อธิบายโปรแกรม บรรทัดที่ 1 :: เป็นการประกาศว่าบรรทัดต่อไปเป็น Script ที่ใช้ภาษา JavaScript บรรทัดที่ 2 :: เป็นคำสั่งที่ใช้พิมพ์หน้าเอกสาร .ในโปรแกรมนี้เราสั่งพิมพ์คำว่า “Hello…JavaScripr..!!!”  บรรทัดที่ 3 :: เป็นการปิด Script

ให้คุณเปิดโปรแกรม Notepad ขึ้นมา จากนั้นให้คุณพิมพ์ CODE ดังข้างต้นครับ พิมพ์ตั้งแต่บรรทัดที่ 1 ถึงบรรทัดที่ 3 (ตัวเลขที่เป็นลำดับที่บรรทัดไม่ต้องพิมพ์ลงไป) เมื่อพิมพ์เสร็จแล้วให้เราทำการ Save ไฟล์นั้น โดยการ Save ให้เรากำหนดไฟล์เป็น ชื่อ hello.htm ครับ ดังรูป Pic.2 นะครับ จากนั้นให้เราเรียกไฟล์นั้นดู เราจะเห็นข้อความว่า “Hello…JavaScript..!!!” ปรากฏกับ Browser ของเราครับ

Pic.2

คราวนี้ก็เป็นอันว่าเราได้เริ่มต้นเขียนโปรแกรม Script แล้วนะครับ ครั้งนี้แค่เกริ่นนำ คราวหน้ามาว่ากันเต็ม ๆ เลยครับ