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

Mengenal Apa Itu JavaScript? Fungsi hingga Cara Kerjanya

Gambar
Apa itu JavaScript?    JavaScript merupakan bahasa pemrograman populer yang digunakan untuk membuat website interaktif dan dinamis. Adapun dinamis yang dimaksud di sini berarti konten di dalamnya dapat bergerak dan tampil secara otomatis tanpa harus dimuat ulang manual oleh pengguna. Dapat dikatakan juga bahwa JavaScript merupakan kunci yang perlu dikuasai para  web developer  untuk menciptakan website yang dapat berinteraksi atau memahami pengunjung di situs tersebut.  Saat ini, JavaScript digunakan untuk membuat berbagai macam aplikasi web, mulai dari website yang sederhana hingga website yang kompleks, seperti sosial media,  e-commerce,  gim, dan masih banyak lagi contoh lainnya.   Bagaimana awal mula JavaScript hadir?   Pada awalnya, JavaScript dikembangkan pada tahun 1995 oleh seorang programmer bernama Brendan Eich. Pada saat itu, Eich bekerja untuk perusahaan Netscape Communications dan diberi tugas untuk membuat bahasa pemrograma...
Baca selengkapnya