Pemahaman Programming

 PROJECT 7.2 Saya akan membuat sebuah program javascript dengan hasil seperti gambar berikut: dengan ketentuan seperti berikut: • 1. Modifikasi table buah pada Mini Project sebelumnya •  2. Jika button edit diklik maka input edit langsung muncul pada baris tersebut dan tombol edit berubah menjadi save (perhatikan gambar berikut)  • 3. Ketika button save diklik maka, baris tersebut menjadi normal kembali yaitu berupa text dan gambar, tetapi dengan menggunakan nilai yang baru sesui hasil edit. Dan button save kembali menjadi edit langsung kita mulai saja: 1. berikut kode HTML nya :     < form id =" dataForm ">         < label for =" itemName ">Nama Buah:</ label >         < input type =" text " id =" itemName " name =" itemName " style =" margin-left: 11px; ">     < br >         < label for =" itemWeight ">Berat:</ label >       ...

 Project 1 uat halaman Trayek Generator. Lihat halaman selanjutnya  • 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 seperti pada gambar  Kode HTMLnya :    < div class =" body ">         < h2 >Trayek</ h2 >         < textarea id =" input " placeholder =" Masukkan data trayek " ></ textarea >         < br >     </ div >     < button id =" generateButton " onclick =" generateTrayekTable () ">Generate</ button >     < table id =" tt ">         < thead >             < tr >                 < th >Trayek</ th >           ...

 Project 5  • Buatlah halaman HTML  • Halaman terdiri dari table dengan form tambah data di atasnya.  • Jika data ditambah, maka tambahkan di akhir table dengan penomoran yang sesuai.   • Jika berat lebih dari 5kg, gunakan backgruond color merah.   • Tombol hapus digunakan untuk menghapus baris yang bersangkutan   berikut ini adalah caranya: Kode HTML nya : <!-- Table untuk memperlihatkan  data --> < table id =" dataTable ">     < thead >         < tr >             < th >No</ th >             < th >Nama Buah</ th >             < th >Berat (kg)</ th >             < th >Action</ th >         </ tr >     </ thead >     < tbody >         ...

MODULE 5 PROJECT 4   • Revisi Mini Project 1 •   Pada saat awal, item list dibuat kosong •   Tambahkan 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   KODE HTMLNYA :  <!-- project 4 --> <!--  list kosong --> < ul id =" List-item "></ ul > < form id =" Item-Form ">     <!-- intput untuk text dan jumlah yang diinginkan oleh user -->     < label for =" text-item ">Input Teks:</ label >     < input type =" text " id =" text-item " name =" text-item ">     < label for =" item-Count ">Jumlah:</ label >     < input type =" number " id =" item-Count " name =" item-Count " min =" 1 ">     < button type =" button " onclick ="...