modul 8

mp 1


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Generator Bilangan Prima</title>
    <link rel="stylesheet" href="modul8.css">
</head>
<body>
    <h1>Generator Bilangan Prima</h1>
    <hr>

    <label>Angka Pertama:</label>
    <input type="number" id="inputAngkaPertama" min="2" required>
    <br>
    <label>Angka Terakhir:</label>
    <input type="number" id="inputAngkaTerakhir" min="3" required>
    <br>
    <button onclick="generatePrimes()">Generate Bilangan Prima</button>

    <table id="primeTable">
        <tr>
            <th>Bilangan Prima</th>
        </tr>
    </table>

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

</html>



mp 2


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SORTING LIST</title>
    <link rel="stylesheet" href="modul8.p2.css">
</head>
<body>
    <h1>SORTING LIST</h1>

    <label for="angkaInput">Angka</label>
    <input type="text" name="" id="angkaInput">
    <br>
    <label for="sort">Sort</label>
    <input type="radio" name="radio" id="asc" value="ascO" checked>
    <label for="asc">Ascending</label>
    <input type="radio" name="radio" id="desc" value="descO">
    <label for="desc">Descending</label>
    <br>

    <button onclick="Sort()">Sort</button>

    <table id="Result"></table>

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




mp 3


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Min Max Generator</title>
    <link rel="stylesheet" href="modul8.mp3.css">
</head>
<body>
    <h1>Min Max Generator</h1>

    <label for="InputNum">Angka</label>
    <input type="text" id="InputNum" name="input">
    <br>
    <button type="button" onclick="Find()">Find</button>

    <table id="result"></table>

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



mp 4

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mini Inventory</title>
  <link rel="stylesheet" href="modul8mp4.css">
<body>
  <input type="text" id="namaBarang" placeholder="Nama Barang">
  <input type="number" id="berat" placeholder="Berat (kg)">
  <input type="text" id="gambar" placeholder="URL Gambar">
  <button onclick="tambahData()">Tambah</button>

  <table border="1">
    <thead>
      <tr>
        <th>No</th>
        <th>Nama Barang</th>
        <th>Berat</th>
        <th>Gambar</th>
        <th>Aksi</th>
      </tr>
    </thead>
    <tbody id="barangBody"></tbody>
  </table>

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




mp 5

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mini Inventory</title>
  <link rel="stylesheet" href="modul8mp5.css">
</head>
<body>
  <input type="text" id="namaBarang" placeholder="Nama Barang">
  <input type="number" id="berat" placeholder="Berat (kg)">
  <input type="text" id="gambar" placeholder="URL Gambar">
  <button onclick="tambahData()">Tambah</button>

  <table border="1">
    <thead>
      <tr>
        <th>No</th>
        <th>Nama Barang</th>
        <th>Berat</th>
        <th>Gambar</th>
        <th>Aksi</th>
      </tr>
    </thead>
    <tbody id="barangBody"></tbody>
  </table>

  <ul class="pagination" id="pagination"></ul>

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











Komentar

Posting Komentar

Postingan populer dari blog ini

Mengenal apa itu OOP (Object-Oriented Programming)

Gambar
Istilah OOP biasanya digunakan oleh para pembuat program atau sering disebut dengan programmer. Bagi seorang programmer, konsep OOP merupakan konsep yang basic atau konsep utama pada  pemrograman . Mengapa begitu? Karena selain banyak digunakan oleh programmer lain, konsep OOP ini membuat kode program yang dibuat menjadi lebih terstruktur, efisien, dan efektif. Secara definisi, OOP adalah singkatan dari Object Oriented Programming, yakni suatu metode pemrograman yang orientasinya terletak pada objek. Buat kamu yang menekuni skill pemrograman pasti sudah familiar dengan istilah ini. Itu karena OOP adalah model pemrograman mendasar yang harus dikuasai. Pasalnya, hampir semua  developer  atau programmer menggunakan OOP dalam setiap pekerjaan mereka. Jadi, penting buat kamu untuk memiliki pengetahuan yang cukup tentang Object Oriented Programming. Hal ini bermanfaat ketika kamu harus mengembangkan dan maintenance program software. Nah, mengingat pentingnya model ini dalam dun...
Baca selengkapnya

Data Analytic : Membangun model Machine Learning

  1. Data adalah : Data adalah kumpulan informasi tentang peristiwa berulang yang mencakup angka, fakta, gambar, tabel, grafik, kata, simbol, dan lainnya untuk digunakan sebagai dasar analisis dan penarikan kesimpulan. Data dapat berupa keterangan yang benar dan nyata, keterangan atau bahan nyata yang dapat dijadikan dasar penelitian, dan informasi mengenai suatu hal yang sudah sering terjadi dan berupa serangkaian angka, fakta, gambar, tabel grafik, kata, simbol, huruf, dan lainnya yang mengekspresikan suatu pemikiran, kondisi, objek, dan situasi. 2. Data Analyst : Data Analyst adalah profesional yang mengumpulkan, mengorganisir, dan menganalisis data untuk membantu organisasi membuat keputusan yang lebih baik. Mereka menggunakan berbagai alat dan teknik, termasuk perangkat lunak statistik dan metode visualisasi data, untuk mengidentifikasi tren, pola, dan korelasi dalam data. Data Analyst biasanya bekerja di industri seperti keuangan, kesehatan, dan pemasaran, di mana insights ...
Baca selengkapnya

Perbedaan Penggunaan PHP Native dan PHP Framework

 1. Pendahuluan PHP (Hypertext Preprocessor) adalah salah satu bahasa pemrograman yang paling umum digunakan untuk pengembangan web. Ada dua pendekatan utama dalam penggunaan PHP: menggunakan PHP Native dan menggunakan PHP Framework. 2. PHP Native PHP Native merujuk pada pengembangan menggunakan kode PHP murni tanpa bantuan dari kerangka kerja (framework). Dalam penggunaan PHP Native, programmer menulis kode dari awal tanpa menggunakan fungsi dan fitur yang disediakan oleh kerangka kerja tertentu. Pendekatan ini memungkinkan programmer memiliki kontrol penuh atas kode mereka. 3. PHP Framework PHP Framework, di sisi lain, adalah kerangka kerja perangkat lunak yang menyediakan struktur dasar dan fitur bawaan untuk memudahkan pengembangan aplikasi web. Contoh kerangka kerja PHP populer termasuk Laravel, Symfony, dan CodeIgniter. Dengan menggunakan PHP Framework, programmer dapat mempercepat proses pengembangan, mengurangi jumlah kode yang ditulis, dan memanfaatkan berbagai fitur bawaa...
Baca selengkapnya