โค้ด JavaScript กดปุ่มแล้วแสดงข้อความบนเว็บไซต์

สอนเขียนโค้ด JavaScript กดปุ่มแล้วแสดงข้อความ โดยใช้คำสั่ง attribute onclick ของแท็ก button เมื่อผู้ใช้งานกดปุ่มจะเรียกใช้ฟังก์ชันที่กำหนด เพื่อแสดงข้อความบนหน้าเว็บไซต์ด้วยคำสั่ง innerHTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง โค้ด JavaScript กดปุ่มแล้วแสดงข้อความ

<input type="button" value="Click" onclick="showMessage()">
<div id="message"></div>

<script>
    function showMessage() {
        document.getElementById("message").innerHTML = "สวัสดี JavaScript";
    }
</script>

ผลลัพธ์

สวัสดี JavaScript

1. เมื่อผู้ใช้งานกดคลิกที่ปุ่ม จะเรียกใช้ฟังก์ชัน showMessage ในภาษา JavaScript

2. ภายในฟังก์ชัน showMessage จะอ้างถึง div id = message ใน HTML ด้วยคำสั่ง document.getElementById

3. แสดงข้อความบนเว็บไซต์ด้วยคำสั่ง innerHTML