JS เบื้องต้น


- รูปแบบบล็อกคำสั่งของ JS
- คำสั่งแสดงผลลัพธ์
- คำสั่งหมายเหตุ ( comment )
- การใช้แท็กคำสั่ง HTML ใน JS
- แบบทดสอบ

JS

JS เบื้องต้น

           JS ย่อมาจาก JavaScript
           JS คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น JavaScript เป็นภาษาสคริปต์ที่มีลักษณะดังนี้
1.เป็นภาษาสคริปต์แบบ lightweight programming language (ภาษาสคริปต์แบบสั้นๆ)
2. JavaScript สามารถใช้ร่วมกับ HTML และ CSS เพื่อสร้างเเละพัฒนาเว็บไซต์ ที่ใช้ได้กับ web browserรุ่นใหม่ๆ และใช้ได้ทั้ง PCs, laptops, tablets, smart phones, ด้วย

JS

รูปแบบบล็อกคำสั่งของ JS

โครงสร้างพื้นฐานของ JS:

<script type="text/javascript">
           code......
</script>

</script>            สำหรับในโปรแกรมภาษา JS ก็มีแท็กที่ใช้สำหรับการกำหนดจุดเริ่มต้นและจุดสิ้นสุดของคำสั่ง JS

ตัวอย่างรูปแบบแท็กพื้นฐานของ JS


<script type="text/javascript">
.
.
.
</script>
        
Tag สำหรับแสดงข้อความ

Tag สำหรับแสดงข้อความ

ตัวอย่าง Tag สำหรับแสดงข้อความ


<div id="test_get_js"></div>
<script type="text/javascript">
    document.getElementById("test_get_js").innerHTML = "

ฉันน่ะสิๆ

" </script>
<div id="test_get_js"></div>

                      div ที่กำหนด ID รองรับการแสดงผลจาก JS document.getElementById("test_get_js").innerHTML = "";

                      คำสั่งแสดงผลลัพธ์ในภาษา JS จะใช้คำสั่ง document.getElementById("ระบุ ID ที่ใช้ในการแสดงผล").innerHTML = "สิ่งที่ต้องการให้แสดง อาจเป็น ข้อความ หรือ tag HTML";
Comment

คำสั่งหมายเหตุ ( comment )

                      ในการเขียนโปรแกรมบางครั้งเราอาจต้องการเขียนข้อความอะไรบางอย่างเพื่ออธิบายว่าคำสั่งในแต่ละบรรทัด นั้นคืออะไรหรือมันทำงานอย่างไรเพื่อว่าเราอาจจะย้อนกลับมาศึกษาโปรแกรมที่เขียนขึ้นอีกครั้ง และ ทำให้เข้าโปรแกรมเดิมได้อย่างรวดเร็ว โปรแกรมภาษา JS มีเครื่องหมาย Comment ที่ใช้สำหรับการระบุข้อความใดลงไปในโปรแกรม โดยที่ส่วนของโปรแกรมถูก Comment ไว้จะไม่ถูกแปลภาษาดังนั้นไม่ว่าเราจะเขียนอะไรลงในโปรแกรมโดยที่ส่วนของโปรแกรมที่ถูกComment ไว้จะไม่ถูกแปลภาษาดังนั้นไม่ว่าเราจะเขียนอะไรลงในส่วนที่ถูก Comment ไว้นี้ก็จะไม่มีความผิดผลาดเกิดขึ้น เครื่องหมาย Comment ของโปรแกรมภาษา JS มีอยู่ 2 รูปแบบ คือ
2. // การ comment แบบบรรทัดเดียว
3. /* comment ........... */ การ comment แบบหลายบรรทัด

ตัวอย่าง คำสั่งหมายเหตุ


                        
<script type="text/javascript"> //document.getElementById("test_get_js").innerHTML = "

ฉันน่ะสิๆ

"; /* document.getElementById("test_get_js").innerHTML = "

ฉันน่ะสิๆ

"; document.getElementById("test_get_js").innerHTML = "

ฉันน่ะสิๆ

""; */ </script>
แท็กคำสั่ง HTML ใน JS

การใช้แท็กคำสั่ง HTML ใน JS

ตัวอย่าง การใช้แท็กคำสั่ง HTML ใน JS


<script type="text/javascript">
document.getElementById("test_get_js").innerHTML = "<h2>ฉันน่ะสิๆ</h2>"; </script>
<script type="text/javascript">
           document.getElementById("test_get_js").innerHTML ="แท็กคำสั่ง HTML";
</script>

                      แท็กคำสั่ง HTML สามารถแทรกไว้ใน JS ได้โดยอยู่ในคำสั่ง document.getElementById("test_get_js").innerHTML = แล้วแทรกแท็กคำสั่ง HTML ไว้ใน double quote " "
แบบทดสอบ

Test


1
- แสดงข้อมูลส่วนตัว พร้อม comment อธิบาย code แต่ละบรรทัด และขีดเส้นใต้ บรรทัดสุดท้าย

ตัวอย่าง
Name :
Age :
Class :
Department :
school :
hobby :

2
- แสดงสูตรคูณแม่ 2