HTML วนลูป ด้วย for loop ของ JavaScript
2.4K
2
HTML วนลูป ด้วย for loop ของ JavaScript บทความนี้สอนการวนลูป for ด้วยภาษา JavaScript ในเว็บไซต์ที่พัฒนาด้วยภาษา HTML โดยแสดงข้อมูลการวนลูปผ่านการอ้างอิง id และคำสั่ง innerHTML สามารถเขียนโปรแกรมได้ดังนี้
ตัวอย่าง HTML วนลูป ด้วย for loop ของ JavaScript
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="result"></div>
<script>
var v = "";
for( i=1; i<=6; i++ ) {
v = v.concat("วนลูปรอบที่ "+i+"<br/>");
}
document.getElementById("result").innerHTML = v;
</script>
</body>
</html>ผลลัพธ์
วนลูปรอบที่ 1
วนลูปรอบที่ 2
วนลูปรอบที่ 3
วนลูปรอบที่ 4
วนลูปรอบที่ 5
วนลูปรอบที่ 6
คำอธิบาย
HTML วนลูป ด้วย for loop ของ JavaScript จากตัวอย่างใช้คำสั่ง for วนลูปทั้งหมด 6 รอบ เก็บค่าการวนลูปไว้ที่ตัวแปร v ด้วยคำสั่ง concat จากนั้นอ้างถึง div id = result ด้วยคำสั่ง document.getElementById และแสดงผลด้วยคำสั่ง innerHTML
แก้ไข 2 ปีที่แล้ว
ชอบ 2
บุ๊คมาร์ค
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ