Cara Membuat Segitiga Bintang di JavaScript

Posted on

Cara Membuat Segitiga Bintang di JavaScript – Segitiga bintang dalam JavaScript adalah salah satu pola atau struktur yang sering digunakan sebagai latihan atau proyek pemrograman. Pola ini membentuk segitiga dengan menggunakan serangkaian bintang, dan seringkali menjadi langkah awal bagi pemula dalam mempelajari konsep loop dan logika dasar dalam pemrograman JavaScript.

Bagi para pemula, membuat segitiga bintang dapat menjadi tantangan yang menarik dan mendidik. Prosesnya melibatkan penggunaan loop dan pengaturan pola bintang sesuai dengan aturan yang telah ditetapkan untuk jenis segitiga yang diinginkan. Dengan memahami dan mengimplementasikan konsep ini, kamu dapat meningkatkan pemahamanmu tentang dasar-dasar pemrograman JavaScript.

Hal yang Dibutuhkan untuk Membuat Segitiga Bintang di JavaScript

Sebelum memulai proyek membuat segitiga bintang di JavaScript, pastikan kamu telah menyiapkan beberapa hal berikut:

  • Perangkat laptop.
  • Sublime Text (Editor kode teks).
  • Google Chrome (Peramban web).
  • Niat yang kuat untuk belajar JavaScript.

Setelah kamu menyiapkan beberapa hal diatas, kamu bisa memulai membuat segitiga bintang di JavaScript yang sudah kelasjava buat dan bisa kamu terapkan langkah-langkahnya dibawah ini.

Baca Juga:   Pengertian JavaScript : Fungsi, Cara Kerja, Kelebihan, dan Kekurangannya

Langkah-langkah untuk Membuat Segitiga Bintang di JavaScript

1. Siapkan Folder dan File

Langkah pertama adalah menyiapkan struktur folder untuk proyekmu dan membuat file HTML serta JavaScript di dalamnya.

2. Coding HTML (index.html)

Buatlah struktur dasar HTML dan pastikan untuk memanggil file JavaScript menggunakan tag <script>, untuk kode HTML tersebut bisa salin kode dibawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>https://kelasjava.com/</title>
</head>
<body>
    <h1>Segitiga Bintang - By: KelasJava</h1>

    <div id="segitiga"></div>

    <script src="script.js"></script>
</body>
</html>

3. Coding JavaScript (script.js)

Tambahkan kode JavaScriptmu dalam file script.js. Buatlah fungsi atau algoritma untuk membuat segitiga bintang sesuai dengan keinginanmu, berikut adalah kode yang JS yang bisa kamu salin.

// script.js

function segitigaBintang(rows) {
    let output = '';
    for (let i = 1; i <= rows; i++) {
        for (let j = 1; j <= i; j++) {
            output += '* ';
        }
        output += '\n';
    }
    return output;
}

const rows = 5; // Ganti dengan jumlah baris yang diinginkan
const segitiga = segitigaBintang(rows);
document.getElementById('segitiga').innerText = segitiga;

4. Jalankan Kode

Buka file index.html menggunakan browser web favoritmu untuk melihat hasilnya, pastikan segitiga bintang telah dibuat dengan benar.

5. Menampilkan Hasil

Selamat! Kamu telah berhasil membuat segitiga bintang menggunakan JavaScript, untuk tampilan output kode program yang dijalankan seperti gambar diatas yakni terdapat beberapa bintang yang berbentuk segitiga.

Baca Juga:   Cara Membuat Quiz Sederhana dengan JavaScript

Kesimpulan

Segitiga bintang di JavaScript merupakan proyek yang menarik untuk meningkatkan keterampilan pemrogramanmu. Dengan memahami langkah-langkah dasar dalam membuatnya, kamu dapat mengembangkan pemahamanmu tentang konsep dasar pemrograman JavaScript.