Pemahaman Programming

 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 ="...

 MODULE 5 PROJECT 3 • Buatlah sebuah halaman HTML (lihat halaman berikutnya)  • Apabila warna elemen genap dirubah, maka elemen li yang genap akan berubah warnanya menyesuaikan warna yg terpilih.  • Apabila warna elemen ganjil dirubah, maka elemen li yang ganjil akan berubah warnanya menyesuaikan warna yg terpilih.  • Gunakan While Loop pada elemen genap dan Do While Loop pada elemen ganjil BERIKUT INI ADALAH CONTOH KODE HTMLNYA :   <!-- project 3 --> <!-- LIST ITEM -->     < ul id =" nama ">         < li >item1</ li >         < li >item2</ li >         < li >item3</ li >         < li >item4</ li >         < li >item5</ li >         < li >item6</ li >         < li >item7</ li >         < ...

 MINI PROJECT 2 Buat sebuah list, dan sebuah button. Jika button diklik, setiap item list yang genap akan berubah menjadi biru dan tebal  Catatan: gunakan loops   KODE HTML: <! DOCTYPE html > < html lang =" en "> < head >     < meta charset =" UTF-8 ">     < meta name =" viewport " content =" width=device-width, initial-scale=1.0 ">     < title >Document</ title >     < style >      . blue-bold {         color: blue ;         font-weight: bold ;      }     </ style >   </ head > < body >     < ul id =" My ">     < li >BMW</ li >     < li >PORCHE</ li >     < li >AUDI</ li >     < li >FORD</ li >     < li >TOYOTA</ li >     </ ul > ...

      JAVASCRIPT MINI PROJECT PROJECT 1: *Buatlah sebuah halaman HTML *Apabila warna teks diganti maka teks li berganti warna *Apabila warna hover diganti maka warna li menyesuaikan warnanya jika dihover BERIKUT KIODE HTML: <! DOCTYPE html > < html lang =" en "> < head >     < meta charset =" UTF-8 ">     < meta name =" viewport " content =" width=device-width, initial-scale=1.0 ">     < title >Document</ title >     < style >         </ style >     < script src =" main2.js "></ script > </ head > < body >     < ul id =" myul " style =" width: 100px; ">     < li >mangga</ li >     < li >sirsak</ li >     < li >jambu</ li >     < li >durian</ li >     < li >rambutan</ li > </ ul >   ...

PEMAHAMAN JAVASCRIPT APA ITU JAVASCRIPT? Javascript adalah salah satu Bahasa pemrograman yang saat ini sedang banyak digunakan oleh para developer hal ini dikarenakan javascript merupakan Bahasa pemrograman yang fleksibel yang dapat digunakan untuk web depeloment ataupun memuat aplikasi baik di PC atau di smartphone. JS sendiri diciptakan oleh seorang karyaman Netscape yaitu Brendan Eich pada tahun 1995,Bahasa pemrograman ini pada mulainya hanya digunakan di lingkungan Perusahaan Netscape awalnya nama dari JS ini diberi nama Mocha lalu berubah menjadi Mona dan livescript sampai akhirnya memakai nama Javascirpt hingga sekarang PROJECRT 1 TUTORIAL MEMBUAT KONVERSI SUHU Dalam project kali ini kita abil contoh pengkonversian suhi dari farenhait ke celsius  disclaimer: ini mengunakan javascript eksternal BERIKUT INI CONTOH KODENYA: KODE HTML   < h1 >project 1</ h1 >     < button onclick =" suhu () "> clickme</ button >     < p id =" ...