MINI PROJECT 1 MODUL 8

on

 MINI PROJECT 1 MODUL 8


  • MINI PROJECT 1
PRIME GENERATOR

berikut adalah code nya:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bilangan Prime</title>
</head>
<style>
    table {
    border-collapse: collapse;
    width: 50%;
    margin-top: 20px;
}

table, th, td {
    border: 1px solid black;
}

th, td {
    padding: 10px;
    text-align: center;
}
</style>
<body>
    <label for="num1">Angka Pertama</label>
    <input type="number" min="2" id="num1" required>
<br>
    <label for="num2">Angka Kedua</label>
    <input type="number" min="3" id="num2" required>
<br>
    <button onclick="Generate()">Generate</button>
<table id="Table-prima">
    <tr>
        <th>
            Bilangan prima
        </th>
    </tr>
</table>
<script>
    function prime(num) {
        for (let i = 2; i < num; i++) {
            if (num % 2 === 0) {
                return false
            }
        }
        return num !== 1;
    }
    function Generate() {
        const num1 = parseInt(document.getElementById('num1').value);
        const num2 = parseInt(document.getElementById('num2').value);

        let prima = []
        for (let i = num1 + 1; i < num2; i++) {
            if (prime(i)){
                prima.push(i)
            }
        }
        display(prima)
    }
    function display(prima) {
        const Table = document.getElementById('Table-prima');
        Table.innerHTML = "<tr><th>Bilangan prima</th></tr>";

        prima.forEach(prime => {
            const row = Table.insertRow()
            const cell = row.insertCell(0)
            cell.textContent = prime;
        })
    }
</script>
</html>

Dan berikut ini output nya: 



Comments

Post a Comment