Cara Membuat Program Cek Bilangan Prima dengan JavaScript

Posted on

Cara Membuat Program Cek Bilangan Prima dengan JavaScript – Sobat Java, pernahkah kamu mendengar tentang bilangan prima? Bilangan prima merupakan bilangan bulat positif yang memiliki sifat istimewa, yaitu hanya memiliki dua pembagi positif, yakni 1 dan dirinya sendiri.

Kamu pasti pernah mendengar tentang bilangan prima, bukan? Mungkin kamu juga penasaran mengapa bilangan-bilangan tertentu memiliki sifat khusus ini. Nah, di sini kita akan menjelaskan dengan sederhana dan jelas apa itu bilangan prima dan bagaimana cara menemukannya.

Kenali Bilangan Prima dan Contohnya

Bilangan prima adalah bilangan bulat yang lebih besar dari 1 dan hanya memiliki dua pembagi positif, yaitu 1 dan dirinya sendiri. Dengan kata lain, bilangan prima tidak dapat dibagi oleh bilangan bulat positif lainnya selain 1 dan dirinya sendiri tanpa menghasilkan sisa.

Sobat, adakah yang menarik dari bilangan prima ini? Yuk, mari kita amati contoh-contoh bilangan prima yang sering kita temui:

  • 2 (bilangan terkecil yang prima)
  • 3
  • 5
  • 7
  • 11
  • 13
  • dst.

Bilangan-bilangan seperti 4, 6, 8, 9, 10, dan seterusnya bukanlah bilangan prima karena mereka memiliki lebih dari dua pembagi positif. Sebagai contoh, 4 dapat dibagi oleh 1, 2, dan 4.

Baca Juga:   Cara Membuat Program Luas Persegi Panjang dengan JavaScript

Membuat Program Cek Bilangan Prima dengan JavaScript

Selanjutnya kelasjava akan memberikan tutorial terkait cara membuat program sederhana menggunakan JavaScript untuk memeriksa apakah sebuah bilangan adalah bilangan prima. Dengan program ini, kita dapat dengan mudah mengetahui apakah suatu bilangan termasuk dalam kelas bilangan prima atau tidak.

1. Siapkan Folder dan File

Pertama-tama kita perlu menyiapkan struktur folder dan file yang diperlukan untuk proyek ini, berikut adalah contoh struktur folder dan filenya:

Proyek Cek Prima

  • index.html
  • style.css
  • script.js

2. Coding File HTML

Buatlah file HTML dengan struktur dasar yang diperlukan untuk membuat tampilan program, berikut kode HTML yang bisa kamu salin 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>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Program Cek Bilangan Prima</h1>
    <div id="input-container">
        <label for="number">Masukkan Bilangan:</label>
        <input type="number" id="number" placeholder="Masukkan bilangan">
        <br>
        <button id="check-btn">Cek</button>
    </div>
    <div id="result-container">
        <p id="result"></p>
    </div>
    <script src="script.js"></script>
</body>
</html>document.getElementById('check-btn').addEventListener('click', function() {
    var number = parseInt(document.getElementById('number').value);
    var result = document.getElementById('result');

    if (number <= 1) {
        result.textContent = number + ' bukan bilangan prima.';
        return;
    }

    var isPrime = true;
    for (var i = 2; i <= Math.sqrt(number); i++) {
        if (number % i === 0) {
            isPrime = false;
            break;
        }
    }

    if (isPrime) {
        result.textContent = number + ' adalah bilangan prima.';
    } else {
        result.textContent = number + ' bukan bilangan prima.';
    }
});

3. Coding File CSS

Tambahkan sedikit gaya CSS agar tampilan program terlihat lebih menarik dan enak dipandang, berikut kode CSS yang bisa kamu salin dibawah ini.

body {
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 50px;
}

label {
    font-weight: bold;
    margin-right: 10px;
}

input {
    padding: 5px;
    margin-bottom: 10px;
}

button {
    padding: 5px 10px;
    background-color: #008CBA;
    color: #fff;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #005f6b;
}

#result-container {
    margin-top: 20px;
}

#result {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

4. Coding File JavaScript

Tulis logika JavaScript untuk memeriksa apakah bilangan yang dimasukkan merupakan bilangan prima, berikut adalah kode JS yang bisa kamu salin.

document.getElementById('check-btn').addEventListener('click', function() {
    var number = parseInt(document.getElementById('number').value);
    var result = document.getElementById('result');

    if (number <= 1) {
        result.textContent = number + ' bukan bilangan prima.';
        return;
    }

    var isPrime = true;
    for (var i = 2; i <= Math.sqrt(number); i++) {
        if (number % i === 0) {
            isPrime = false;
            break;
        }
    }

    if (isPrime) {
        result.textContent = number + ' adalah bilangan prima.';
    } else {
        result.textContent = number + ' bukan bilangan prima.';
    }
});

5. Jalankan Kode

Saatnya untuk melihat hasilnya! Buka file HTML di browser untuk menjalankan program yang telah kita buat, atau bisa juga dengan melakukan klik kanan pada kode index.html lalu pilih opsi “Open in Browser”.

Baca Juga:   Cara Membuat Program Luas Lingkaran dengan JavaScript

6. Menampilkan Hasil

Jika semua berjalan lancar, kita akan melihat halaman web yang dapat membantu pengguna memasukkan nilai dan menampilkan apakah bilangan tersebut prima atau tidak seperti gambar.

Kesimpulan

Dengan memahami konsep bilangan prima dan membuat program sederhana untuk memeriksanya menggunakan JavaScript, kita dapat mengasah kemampuan pemrograman kita sambil mengeksplorasi dunia matematika yang menarik. Selamat mencoba, Sobat Java!