Postingan

Menampilkan postingan dari Januari, 2024

Halaman Trayek Generator dengan Tabel Hasil

Gambar
 Trayek Generator  Buat halaman Trayek Generator. Data trayek diinput dalam sebuah text area Setiap trayek dipisah dengan koma, dan antara kota dalam 1 trayek dipisah menggunakan spasi. Jika button generate diklik, maka akan manghasilkan table Html: < h1 > Trayek Generator </ h1 >     < textarea id = "trayekInput" rows = "4" cols = "50" placeholder = "Masukkan trayek (pisahkan dengan koma, dan antar kota dengan spasi)" ></ textarea >     < br >     < button onclick = " generateTable ()" > Generate </ button >     < div id = "result" ></ div > css: < style >         table {             border-collapse : collapse ;             width : 100% ;             margin-top : 20px ;             width : 190px ;         }  ...

Aplikasi Pencatatan Data Buah dengan Tabel Dinamis

Gambar
Aplikasi Pencatatan Data Buah dengan Tabel Dinamis menggunakan JavaScript  Fitur Utama: Formulir input memungkinkan pengguna memasukkan nama buah dan berat. Data yang dimasukkan ditampilkan secara dinamis dalam tabel. Tabel memberikan penanda latar merah untuk buah dengan berat lebih dari 5kg. Setiap baris tabel dilengkapi dengan tombol "Hapus" untuk menghapus entri data. Instruksi Pengguna: Isi formulir dengan nama buah dan berat. Klik tombol "Tambah Data" untuk menambahkan entri ke dalam tabel. Tabel akan memberikan penanda latar merah jika berat buah lebih dari 5kg. Gunakan tombol "Hapus" pada setiap baris untuk menghapus entri data. Kode html:     < form id = "dataForm" >         < label for = "itemName" > Nama Buah: </ label >         < input type = "text" id = "itemName" name = "itemName" required >             < label for = "itemWeight" > Berat: </ la...

Membuat sistem yang meng generate list sesuai input yang di masukkan menggunakan JavaScript

Gambar
  Pada saat awal, item list dibuat kosong  Menambahkan input teks dan jumlah. Jika input teks dan jumlah dirubah, maka secara otomatis mengenerate item dengan teks dan jumlah yang sesuai dengan input tadi. Warna hover dan warna teks tetap sama dengan Mini Project 1 Berikut adalah kode html nya:     < label for = "text" > Input Teks: </ label >     < input type = "text" id = "text" placeholder = "Masukkan teks" >     < label for = "quantity" > Input Jumlah: </ label >     < input type = "number" id = "quantity" placeholder = "Masukkan jumlah" min = "1" value = "1" >     < button onclick = " generateListItem ()" > Generate Item </ button > < br >     < ul id = "myList2" ></ ul >     < input onclick = " ChangeBlue ()" type = "radio" name = "color" id = ...

merubah warna list pada baris ganjil dan genap menggunakan perulangan while dan do

Gambar
Membuat List Yang Bisa Diubah Warnanya menggunakan while-loops dan do loops Kode html-nya: < ul id = "myList" >         < li > Item 1 </ li >         < li > Item 2 </ li >         < li > Item 3 </ li >         < li > Item 4 </ li >         < li > Item 5 </ li >         < li > Item 6 </ li >         < li > Item 7 </ li >         < li > Item 8 </ li >       </ ul >         < label for = "colorSelector" > warna angka genap </ label >         < select id = "colorSelector" onchange = " ubahWarna ()" >             < option value = "blue" > Blue </ option >             < option v...