Postingan

Menampilkan postingan dari Januari, 2024

PROJECT SEDERHANA JAVASCRIPT #12 MODUL 8

Gambar
  Number Statistic Page HTML: Input Angka dan Button: Terdapat elemen input teks ( <input type="text" id="inputNumbers"> ) untuk memasukkan angka yang dipisahkan oleh koma. Terdapat tombol "Find" ( <button onclick="findStatistics()">Find</button> ) yang akan memanggil fungsi JavaScript findStatistics saat diklik. Hasil Statistik Table: Tabel hasil statistik ( <table id="resultTable"> ) yang akan menampilkan nilai Minimum, Maximum, dan Average. CSS: Styling: Beberapa aturan CSS untuk mengatur tata letak dan tampilan halaman. JavaScript: Fungsi findStatistics() : Mendapatkan nilai input angka dari elemen input ( inputNumbers ). Pisahkan angka dengan koma dan konversi menjadi array angka ( numbersArray ). Hitung nilai Minimum ( minNumber ), Maximum ( maxNumber ), dan Average ( averageNumber ) dari angka yang diinput. Update tabel hasil statistik dengan menggunakan innerHTML. Penjelasan Tambahan: toFixed(2) : Digun...

PROJECT SEDERHANA JAVASCRIPT #11 MODUL 8

Gambar
  Sorting Page with Dynamic Table Mari saya jelaskan bagian-bagian utama dari kode HTML, CSS, dan JavaScript tersebut: HTML: Input Angka dan Sorting Order: Terdapat input teks ( <input type="text" id="inputNumbers"> ) untuk memasukkan angka yang dipisahkan oleh koma. Terdapat radio button untuk memilih urutan sorting, yaitu ascending dan descending. Button Sorting: Tombol "Sorting" ( <button onclick="sortNumbers()">Sorting</button> ) yang akan memanggil fungsi JavaScript sortNumbers() saat diklik. Hasil Sorting Table: Sebuah tabel ( <table id="resultTable"> ) yang akan menampilkan hasil sorting. CSS: Styling: Beberapa aturan CSS untuk mengatur tata letak dan tampilan halaman. JavaScript: Fungsi sortNumbers() : Mendapatkan nilai input angka dari elemen dengan id inputNumbers . Memisahkan angka dengan koma dan mengonversinya menjadi array angka ( numbersArray ). Mendapatkan nilai urutan sorting ( ascOrder ) dari r...

PROJECT SEDERHANA JAVASCRIPT #10 MODUL 8

Gambar
  Bilangan Prima Generator HTML Structure: Input Angka Pertama dan Angka Terakhir: Dua input untuk memasukkan angka pertama dan angka terakhir. Input ini memastikan bahwa angka pertama harus minimal 2 dan angka terakhir minimal 3 (tidak termasuk angka tersebut). Button "Generate Bilangan Prima": Tombol yang, ketika diklik, akan memanggil fungsi generatePrimes() . Tabel untuk Menampilkan Bilangan Prima: Sebuah tabel dengan ID primeTable yang akan menampilkan bilangan prima. CSS (Style): Terdapat beberapa aturan gaya sederhana untuk mempercantik tampilan tabel. JavaScript Logic (script): Fungsi isPrime(num) : Fungsi ini menerima sebuah angka ( num ) dan mengembalikan true jika angka tersebut adalah bilangan prima, dan false jika tidak. Menggunakan loop untuk memeriksa apakah angka tersebut dapat dibagi oleh angka lain selain 1 dan dirinya sendiri. Fungsi generatePrimes() : Mengambil nilai angka pertama dan angka terakhir dari input. Membuat array primes yang berisi bilangan...