Pengertian Pola Bilangan Persegi Panjang
Pola bilangan persegi panjang adalah susunan angka yang membentuk sebuah persegi panjang ketika dituliskan dalam baris dan kolom. Setiap baris memiliki jumlah elemen yang sama, dan setiap kolom juga memiliki jumlah elemen yang sama. Pola ini biasanya digunakan untuk memperkenalkan konsep perkalian, faktorisasi, serta visualisasi matematis pada siswa.
Misalnya, bila kita menuliskan angka 1 hingga 12 dalam 3 baris dan 4 kolom, maka akan terbentuk sebuah persegi panjang 34. Setiap baris mewakili satu kumpulan angka yang berurutan, dan total semua angka dapat dihitung dengan mudah menggunakan rumus perkalian jumlah baris dan kolom.
Rumus Dasar
Jika sebuah persegi panjang memiliki m baris dan n kolom, maka jumlah total elemen dalam pola tersebut adalah:
Jumlah Elemen = m n
Jika elemenelemen tersebut adalah bilangan bulat berurutan mulai dari 1, maka jumlah seluruh bilangan dapat dihitung dengan rumus deret aritmetika:
Jumlah = (m n) (1 + (m n)) / 2
Selain itu, ratarata tiap baris atau kolom dapat dihitung dengan membagi total dengan jumlah baris atau kolom masingmasing.
Contoh Pola
Contoh 1: 3 4
| 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 |
Jumlah elemen = 3 4 = 12
Jumlah total = (12 13) / 2 = 78
Contoh 2: 5 2
| 1 | 2 |
| 3 | 4 |
| 5 | 6 |
| 7 | 8 |
| 9 | 10 |
Jumlah elemen = 5 2 = 10
Jumlah total = (10 11) / 2 = 55
Implementasi dengan HTML dan JavaScript
Berikut contoh kode sederhana yang menghasilkan pola persegi panjang dinamis berdasarkan input baris (m) dan kolom (n).
<!DOCTYPE html><html lang="id"><head> <meta charset="UTF-8"> <title>Generator Pola Bilangan Persegi Panjang</title> <style> table{border-collapse:collapse;width:auto;margin-top:10px;} td{border:1px solid #666;padding:5px 8px;text-align:center;} </style></head><body> <h2>Generator Pola</h2> Baris: <input type="number" id="rows" min="1" value="3"> Kolom: <input type="number" id="cols" min="1" value="4"> <button onclick="generate()">Buat Pola</button> <div id="output"></div> <script> function generate(){ const m = parseInt(document.getElementById('rows').value); const n = parseInt(document.getElementById('cols').value); let num = 1; let html = '<table>'; for(let i=0;i<m;i++){ html += '<tr>'; for(let j=0;j<n;j++){ html += `<td>${num}</td>`; num++; } html += '</tr>'; } html += '</table>'; document.getElementById('output').innerHTML = html; } // buat pola awal generate(); </script></body></html> Kode di atas menampilkan dua input untuk menentukan jumlah baris dan kolom, kemudian menghasilkan tabel HTML yang berisi urutan bilangan secara otomatis.
