Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Looping Segitiga Dengan Javascript.
Looping merupakan hal dasar yang harus dikuasai oleh seorang yang ingin jadi programer. Apa sih pengertian looping itu sendiri, looping adalah cara kita untuk membuat perulangan data secara berurutan misalnya perulang 1 sampai 10 terus membuat perulangan bulan dari januari sampai desember dan masih banyak lagi. Fungsi dari perulangan ini adalah mempersingkat waktu penulisan dan pengerjaan serta lebih hemat mememori.
Untuk jenis – jenis looping di pemrograman ada banyak misalkan ada For, foreach, while, do while tentu di setiap bahasa pemrograman mempunyai gaya cara penulisan script yang berbeda – beda namun tetap satu fungsi cuman beda penulisan kode atau scriptnya. Pada kesempatan kali saya akan memberikan sebuah tips and trik cara membuat looping for dengan study kasus kita akan membuat looping berbentuk segitiga.
Secara umum bentuk looping for adalah seperti di bawah ini;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <body> <h2>JavaScript Loops</h2> <p id="demo"></p> <script> var text = ""; var i; for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML = text; </script> </body> </html> |
Dan hasilnya pun seperti di bawah ini;
Tetapi kita akan membuat looping yang berbeda yaitu bagaimana caranya kita membuat sebuah perulangan dalam bentuk segitiga.
oke langsung saja caranya adalah seperti di bawah ini;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE html> <html> <head> <title>Cara Membuat Looping Segitiga Dengan Javascript</title> </head> <body> <pre> <script type="text/javascript"> var baris, i = 0; var nilai_prompt = prompt("Tinggi: ", ""); var tinggi=parseInt(nilai_prompt); for (baris = 0; baris <= tinggi ; baris++) { // memBuat sejumlah spasi for (i = 1; i <= tinggi - baris; i++) { document.write(" "); // Karakter spasi } // menampilkan bintang for (i = 1; i < 2 * baris; i++) { document.write("*"); } // Pindah baris document.write("\n"); } </script> </pre> </body> </html> |
Dan hasilnyapun seperti di bawah ini;
Oke cukup mudah bukan teman – teman, tips agar bisa membuat looping segitiga adalah kita harus paham konsep dari looping itu sendiri. Oke itulah tadi pembahasan saya tentang Cara Membuat Looping Segitiga Dengan Javascript, Semoga bermanfaat.