HTML ปุ่มเปลี่ยนสีหลังจากกดปุ่ม

HTML ปุ่มเปลี่ยนสีหลังจากกดปุ่ม บทความนี้สอนเขียนโค้ดเมื่อผู้ใช้งานกดปุ่ม button ของ HTML แล้วให้ปุ่มเปลี่ยนเป็นสีตามที่ต้องการโดยใช้คำสั่งที่เกี่ยวข้องกับภาษา JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML ปุ่มเปลี่ยนสีหลังจากกดปุ่ม

<input type="button" value="ปุ่มเปลี่ยนสี" onclick="changeColor(this)">

<script>
    function changeColor(_this) {
        _this.style.backgroundColor = "greenyellow";
    }
</script>

HTML ปุ่มเปลี่ยนสีหลังจากกดปุ่ม จากตัวอย่างสร้างแท็ก input type button เมื่อปุ่มถูกคลิกคำสั่ง onclick จะเรียกใช้ฟังก์ชัน changeColor ส่งค่า parameters เป็น this ซึ่งหมายถึงปุ่มที่ถูกกด หรือ element ตัวเอง จากนั้นในฟังก์ชัน changeColor ใช้คำสั่ง _this.style.backgroundColor เพื่อกำหนดสี และเปลี่ยนสีของปุ่มหลังจากผู้ใช้งานกดปุ่มดังกล่าว