เรียกใช้ function JavaScript ใน HTML

5.2K

สอนวิธีเรียกใช้ function JavaScript ใน HTML โดยตัวอย่างจะเรียกใช้ function พิมพ์คำว่า “สวัสดี JavaScript” บนหน้าเว็บไซต์ HTML เมื่อหน้าเว็บไซต์โหลดขึ้นมา สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เรียกใช้ function JavaScript ใน HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
    <div id="text"></div>
    <script>        
        function hello() {
            document.getElementById("text").innerHTML = "สวัสดี JavaScript";
        }
        window.onload = (event) => {
            hello();
        };        
    </script>
</body>
</html>

ผลลัพธ์

สวัสดี JavaScript

คำอธิบาย

1. สร้าง function JavaScript ชื่อ hello โดยทำหน้าที่แสดง "สวัสดี JavaScript" ตรง div id = text ของ HTML

2. ใช้คำสั่ง window.onload ภายในปีกกาเรียกใช้ hello คือ เมื่อโค้ดถูกโหลดขึ้นมาให้เรียกใช้ function hello

3. โค้ด JavaScript สามารถแทรกลงใน HTML ได้เลยโดยการเปิดแท็ก script

JavaScript HTML innerHTML div

Echo

แก้ไข 2 ปีที่แล้ว

ชอบ

ลิ้งก์

แชร์

Devdit มีช่อง YouTube แล้ว

เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ

เนื้อหาแนะนำ