HTML แม่สูตรคูณ ด้วยคำสั่ง for loop ของ JavaScript

1.2K

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

HTML แม่สูตรคูณ JavaScript for innerHTML

Devman

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

ชอบ 1

ลิ้งก์

แชร์

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

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

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