JavaScript สร้างปุ่ม button HTML ด้วยคำสั่ง innerHTML

สอนเขียนโค้ดภาษา JavaScript สร้างปุ่ม button ของภาษา HTML ด้วยคำสั่ง innerHTML โดยตัวอย่างจะสร้างปุ่มกดชนิด button ไว้ใน div ที่ต้องการในหน้า HTML โดยใช้คำสั่ง innerHTML ของ JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript สร้างปุ่ม button HTML ด้วยคำสั่ง innerHTML

<div id="btn"></div>
<script>
    var element = document.getElementById("btn");
    element.innerHTML = "<input type='button' value='ปุ่ม'>";
</script>

1. สร้าง div id = btn สำหรับแสดงปุ่ม button

2. ในแท็ก JavaScript สร้างตัวแปรชื่อ element อ้างถึง div id = btn จากนั้นใช้คำสั่ง innerHTML สร้างปุ่มตรง div id = btn ผ่านตัวแปร element