เมื่อคุณมีซอฟต์แวร์แล้วคุณสามารถเริ่มเขียนโค้ด JavaScript ได้ ในการเพิ่มรหัส JavaScript ในเอกสาร HTML คุณต้องสร้างหรือเปิดไฟล์ HTML ด้วยโปรแกรมแก้ไขข้อความ / HTML ไฟล์ HTML พื้นฐานมี docType และแท็ก HTML พื้นฐานบางอย่างเช่นและ ตัวอย่างเช่นเอกสาร HTML 5 พื้นฐานอาจมีลักษณะคล้ายกับที่แสดงด้านล่าง
การทดสอบ JavaScript [เนื้อหาไปที่นี่]
เมื่อคุณเห็นรหัส JavaScript บนเว็บบางครั้งคุณจะเห็นรหัส JavaScript บางส่วนระหว่างแท็ก หรือคุณอาจเห็นมันในแท็ก (หรือแม้กระทั่งในสถานที่ทั้งสอง) หากต้องการแยกรหัส JavaScript ออกจากรหัส HTML คุณจะต้องใส่รหัสในชุดแท็ก แท็กเปิดมีหนึ่งคุณลักษณะที่จำเป็นและหนึ่งคุณลักษณะที่เป็นตัวเลือก แอตทริบิวต์ที่จำเป็นคือแอตทริบิวต์ type ในขณะที่แอตทริบิวต์ที่เป็นทางเลือกคือ src (ซึ่งช่วยให้คุณสามารถชี้ไปที่ไฟล์สคริปต์ภายนอกซึ่งครอบคลุมในภายหลังในคำตอบนี้) ค่าของแอตทริบิวต์ type ถูกตั้งค่าเป็น text / javascript ดังที่แสดงด้านล่าง
รหัส JavaScript ของคุณอยู่ที่นี่
อย่างที่คุณเห็นรหัส JavaScript ของคุณจะอยู่ระหว่างแท็กสคริปต์เปิดและปิด เป็นสคริปต์ตัวอย่างคุณสามารถเขียนสตริงของข้อความได้โดยตรงบนเว็บเพจดังที่แสดงในรหัสด้านล่าง (วางสิ่งนี้ระหว่างและแท็ก):
document.write ("ข้อความที่เขียนโดยใช้รหัส JavaScript!");
ในตัวอย่างข้างต้นฟังก์ชัน JavaScript มาตรฐานเพื่อแสดงข้อความระหว่างเครื่องหมายคำพูดบนหน้า มันดูเหมือนตัวอย่างด้านล่าง
ตัวเลือกอื่นสำหรับการรวม JavaScript บนหน้าคือการสร้างสคริปต์ในไฟล์ข้อความภายนอกและบันทึกด้วยนามสกุล. js (ทำให้เป็นไฟล์ JavaScript) จากนั้นไฟล์. js จะรวมอยู่ในหน้าโดยใช้แอตทริบิวต์ src ของแท็กสคริปต์เปิด ดังนั้นหากคุณต้องการใช้สคริปต์ข้างต้นโดยวางไว้ในไฟล์ภายนอกคุณจะต้องวางโค้ด JavaScript (โดยไม่มีแท็กสคริปต์) ลงในไฟล์ข้อความใหม่ดังที่แสดงด้านล่าง:
document.write ("ข้อความที่เขียนโดยใช้รหัส JavaScript!");
จากนั้นคุณจะบันทึกไฟล์ด้วยนามสกุล. js ตัวอย่างเช่นคุณสามารถบันทึกเป็น write.js เมื่อบันทึกไฟล์แล้วคุณสามารถเรียกไฟล์จากรหัส HTML ผ่านแอททริบิวต์ src ของแท็กสคริปต์เปิดดังที่แสดงด้านล่างสำหรับ write.js
ขั้นตอนด้านบนมีผลเช่นเดียวกับการเขียนรหัสระหว่างแท็กสคริปต์ แต่จะไม่ถ่วงรหัส HTML ด้วยรหัส JavaScript (ซึ่งอาจมีความยาวตลอดเวลา) ข้อดีอีกประการของวิธีนี้คือสคริปต์เดียวกันสามารถรวมอยู่ในหลาย ๆ หน้าและการแก้ไขไฟล์สคริปต์จะอัปเดตสคริปต์ในทุก ๆ หน้าที่ใช้ไฟล์สคริปต์ภายนอก การทำเช่นนี้ทำให้การแก้ไขสคริปต์ทำได้ง่ายขึ้นเนื่องจากสามารถทำได้ในที่เดียว (แทนที่จะแก้ไขรหัสภายในแท็กสคริปต์ในแต่ละหน้าที่มีสคริปต์)
ตอนนี้คุณรู้วิธีเพิ่มโค้ด JavaScript ลงในเว็บเพจแล้วคุณสามารถใช้สคริปต์ตัวอย่าง JavaScript จำนวนเท่าใดก็ได้หรือทำตามบทช่วยสอน JavaScript หรือหนังสือเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการเข้ารหัส JavaScript