1.วนรอบแสดงสูตรคูณ

คำอธิบาย

1. มี 1 เพจ
2. เมื่อมีการเปลี่ยนค่าให้แสดงสูตรคูณที่ถูกต้อง

สูตรคูณแม่ ? (รับค่ามาจากผู้ใช้)

แสดงการคูณตั้งแต่ 1 ถึง 12

โดยบรรทัดที่ติดกันมีชีทรูปแบบที่แตกต่างกัน เพื่อผู้อ่านสามารถอ่านแต่ละบรรทัดได้โดยง่าย

1. <style>
2. div#result div:nth-child(odd) {
3. background : yellow;
4. }
5. div#result div:nth-child(even) {
6. background : cyan;
7. }
8. </style>
9. <form>
10. สูตรคูณแม่ <input type="number" id="a" value="0" onchange="mul1()"/><br>
11. </form>
12. แสดงสูตรคูณ
13. <div id="result">
14. <div>บรรทัดที่ 1</div>
15. <div>บรรทัดที่ 2</div>
16. <div>บรรทัดที่ 3</div>
17. <div>บรรทัดที่ 4</div>
18. <div>บรรทัดที่ 5</div>
19. </div>
20. <script>
21. function mul1() {
22. var x = document.getElementById('a').value;
23. x = Number(x);
24. var txt = "";
25. for(var i=1; i<13; i++) {
26. var c = x * i;
27. var t = x + " * " + i + " = " + c;
28. txt += t + "<br>";
29. }
30. document.getElementById('result').innerHTML = txt;
31. }
32. </script>

โจทย์สูตรคูณ