HTML สูตรคูณ แสดงแม่สูตรคูณ

HTML สูตรคูณ แสดงแม่สูตรคูณ บทความนี้สอนเขียนเว็บไซต์ภาษา HTML พร้อมแสดงแม่สูตรคูณด้วยภาษา JavaScript โดยใช้คำสั่ง for เพื่อวนลูป และคำสั่ง innerHTML สำหรับแสดงสูตรคูณที่หน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML สูตรคูณ แสดงแม่สูตรคูณ

<div id="result"></div>

<script>
    var v = "";
    var b = 2;
    for( var i=2; i<=12; i++ ) {
        v += b+" x "+i+" = "+( b*i )+"<br/>";
    }
    document.getElementById("result").innerHTML = v;
</script>

ผลลัพธ์

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 สูตรคูณ จากตัวอย่างใน JavaScript วนลูปด้วย for เพื่อสร้างแม่สูตรคูณแม่ 2 เก็บผลลัพธ์ไว้ที่ตังแปร v จากนั้นนำตัวแปร v ไปแสดงที่หน้าเว็บไซต์ HTML ผ่าน div id="result" ด้วยคำสั่งคำสั่ง document.getElementById และ innerHTML