HTML แม่สูตรคูณ ด้วยคำสั่ง for loop ของ JavaScript
2.3K
1
HTML แม่สูตรคูณ ด้วยคำสั่ง for loop ของ JavaScript บทความนี้สอนเขียนแม่สูตรคูณแม่ 2 ด้วย JavaScript โดยใช้คำสั่ง for loop และนำมาแสดงบนเว็บไซต์ 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<=12; i++ ) {
v = v.concat("2 x "+i+" = "+( 2 * i )+"<br/>");
}
document.getElementById("result").innerHTML = v;
</script>
</body>
</html>ผลลัพธ์
2 x 1 = 2
2 x 2 = 4
2 x 3 = 6
2 x 4 = 8
2 x 5 = 10
2 x 6 = 12
2 x 7 = 14
2 x 8 = 16
2 x 9 = 18
2 x 10 = 20
2 x 11 = 22
2 x 12 = 24
คำอธิบาย
HTML แม่สูตรคูณ ด้วยคำสั่ง for loop ของ JavaScript จากตัวอย่างใช้คำสั่ง for วนลูปทั้งหมด 12 รอบ เพื่อสร้างแม่สูตรคูณแม่ 2 เก็บไว้ที่ตัวแปร v โดยใช้คำสั่ง concat จากนั้นนำข้อมูลจากตัวแปร v ไปแสดงที่ HTML ผ่าน div id = result ด้วยคำสั่ง document.getElementById และ innerHTML
แก้ไข 2 ปีที่แล้ว
ชอบ 1
บุ๊คมาร์ค
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ