Belajar Dasar Bahasa Pemrograman JavaScript

Hai, selamat datang di channel The Afrizal Jangan lupa subscribe The Afrizal Kita langsung masuk ke tutorial Dasar-dasar bahasa pemograman Javascript Buat kalian semua yang mau belajar Javascript Karena Javascript memang lagi banyak dicari Di Indonesia, pastinya Dan sebelum lebih jauh, sorry banget ini gue mukanya ketinggalan Pas gue tidur, jadi gue gak open cam Untuk saat ini, dan sekarang kita punya 10 materi yang pasti buat kalian semua Yang baru nge-subscribe gue mungkin Dan belum terlalu ngerti yang namanya bahasa pemograman, gimana cara belajar, gimana cara memulainya Jadi kita akan mulai ini semua dari nol buat kalian Siapapun, dimanapun, itu bisa tanpa harus menggunakan ijasa-ijasa kuliah, SMA, SMP, apapun lah bisa pokoknya Terlepas dari segala macam profesi yang kalian punya Yang pertama mungkin yang harus kalian tahu adalah apa itu Javascript sendiri Mungkin banyak yang belum paham tentang Javascript, apa sih, kenapa pada banyak yang ngomongin Javascript kayak begituan Lalu yang kedua, gimana caranya penggunaan JavaScript di dalam sebuah website. Ada banyak cara untuk menggunakan JavaScript, jadi nanti kita akan bahas juga. Dan yang ketiga, itu ada penggunaan alert, prompt, log, dan comment. Untuk yang keempat, ada variable. Gimana cara kita mendeclare variable ataupun mengisi value terhadap variable itu sendiri. Di poin kelima, kita akan belajar tipe data dan juga operator karena tipe data itu memang banyak sekali. Di berbagai macam bahasa pemograman, itu tipe data memang sangat banyak. Termasuk juga di JavaScript, bro. Ada yang bertipe objek dan ada yang non-objek. Lalu di poin ke-6 kita akan belajar javascript array method Dan di poin ke-7 kita akan belajar bagaimana cara meluping di dalam javascript Menggunakan for, while, do while dan apa bedanya antara ketiga hal tersebut Lalu yang ke-8 kita akan belajar yang namanya conditional statement If else dan juga switch kalau secara teknisnya Dan terakhir di nomor 9 itu ada tugas kecil buat kalian semua Supaya bisa menambah jam terbang dalam belajar ngoding So disclaimer dulu sebelum kita mulai ngoding Ini untuk pemula, nggak pernah ngerti coding sebelumnya Gue akan jelaskan secara Detail dan rinci per materi Materi yang udah gue sebutin tadi Gue akan jabarkan secara manusiawi Jadi buat subscriber gue yang udah mengerti Silahkan di skip aja Kalau misalkan dari materi yang gue sebutin tadi Kalian udah banyak paham yaudah skip aja Tapi kalau buat kalian yang baru pertama kali mau menyentuh javascript Bisa di klik langsung dari awal video ini Atau kalian mau skip ke beberapa segmen di dalam video ini Udah gue bagi-bagi waktunya Jadi kalau kalian mau belajar Misalkan langsung ngajeleng gitu bro Atau loncat ke bagian array Silahkan masuk sana Atau mau full itu sangat berterima kasih gue. Apalagi tanpa skip iklannya. Karena disitulah sumber tambah penghasilan gue. Jadi buat kalian yang belum tahu javascript. Javascript itu bukan sekedar untuk merubah tampilan user interface UI. Tapi juga bisa sebagai bahasa pemograman atau scripting language. Untuk membuat sebuah game development atau web server. Atau bikin aplikasi apk juga bisa. Terus dia juga bisa, ya pasti bisa bikin website jadi lebih interaktif lagi Jadi dengan javascript itu bisa membuat sebuah elemen HTML menjadi lebih dinamik lagi Lebih interaktif terhadap user Contohnya misalnya bisa komponennya bergerak Di dalam website kalian bisa melihat animasi-animasi Itu kurang lebih bisa menggunakan javascript Dan javascript ini dipakai di perusahaan untuk kebutuhan-kebutuhan tertentu Pastinya banyak banget mulai dari IoT Terus misalkan machine learning Dan untuk mempelajarinya sebenarnya di awal itu cukup mudah Tapi nanti ketika kalian udah mulai masuk dan mulai kecanduan sama javascript Disitulah titik letak kesulitannya bro ya Jadi dinikmati aja gue jamin kalian bakal bisa ngikutin Dari 0 sampai video ini selesai Gue jamin siapapun lo itu Asal dicoba aja dan jangan lupa teliti Baiklah kita mulai langsung saja ngodingnya dari awal bro Ya disini di desktop kalian bisa lihat tidak ada apa-apa Yang perlu kalian install hanyalah 1 biji text editor Yang perlu kalian download dulu di google Cari saja di Google itu VS Code namanya bro Download sendiri manual VS Code Download lah pokoknya mah Pilih sesuai dengan sistem operasi yang kalian punya Kalau kalian punya Windows 10 ya download VS Code untuk Windows 10 Kalau Windows 8 ya untuk Windows 8 Kalau Windows 7 ya untuk Windows 7 gitu ya Kenapa VS Code ya? Karena gue seringnya pake itu dan gue ngertinya pake itu lebih senengnya Pake itu gue nikmatnya pake itu jiwanya ada disitu gitu bro ya Selama gue project gue selalu pake itu Intinya mah ikutin aja pake itu bro ya Karena enak asik adem ayem Kalau udah pastikan komputer kalian itu punya browser Nggak mungkin nggak punya Pasti ada Google Chrome atau Microsoft Edge Bawaannya Windows atau browser-browser lainnya Karena kita cuma bermain satu text editor Yang kedua browser Udah itu doang untuk belajar JavaScript Persiapan lainnya adalah kalian siapin copy dan juga cemilan Karena nanti ke depan akan ada seleksi alam Sepertinya Kita langsung saja mulai Di dalam desktop sini gue akan klik kanan Lalu lo coba pilih yang new Dan bikinlah satu folder baru disini Namakan ya kalian lihat disini ada foldernya Jangan lihat folder gue yang lain ya. Karena disini foldernya banyak folder game anak-anak. Disini namain aja belajar javascript. Belajar javascript dasar. Gini ya boleh. Lalu klik dua kali foldernya. Akan muncul seperti ini betul? Sama? Nah kalau kita udah muncul seperti ini bro. Lo pergi dulu ke bagian view seperti biasa. Ini setiap tutorial gue selalu ulang-ulang. Supaya kalian gak bingung nanti ke depannya. Klik tombol view ini. Perhatikan di bagian sebelah tengah sini bro. Ada yang namanya file name extension. Make sure pastikan lo centang file name extension ini. Kalau tidak dicentang lo akan kebingungan dengan nama file javascript yang kalian udah bikin nanti. Ini kalau gue nggak centang pokoknya bakal bingung. Mending lo centang aja ini. Terus kita klik kanan di area folder sini. New text document. Sampai muncul seperti ini. Nah kalian perhatikan disini ada titik txt. Yang artinya txt itu adalah extension file name-nya. Kalau gue nggak centang ini, titik txt tidak akan muncul. Sekarang rename ini menjadi index.html. Txt-nya hapus aja menjadi seperti ini. Kalau sudah kalian enter. Dan nanti akan muncul kayak beginian. Tinggal di yes aja. Sampai berubah index.html-nya menjadi logo Chrome atau logo browser bawaan kalian atau bahkan tidak ada logonya sama sekali. Tidak apa-apa. Kalau sudah seperti ini, kalian bisa klik window explorer atau tombol windows di keyboard kalian sampai muncul seperti ini. Lalu ketik VS Code. Muncul VS Code seperti ini, tinggal klik saja. Akan terbuka welcome seperti ini. Welcome ini kalian close saja jadi kosongan seperti ini. Buka yang bagian atas explorer dari VS Code-nya. Di sini disuruh open folder. Maka kita masukkan folder belajar javascript dasar. Yang mana foldernya itu ada di desktop kita. Ini. Kita tarik ini ke sini. Sampai ada tanda biru di sebelah kiri. Ini yang sebelah kiri itu namanya workspace kita. Tempat kita bekerja. Folder-foldernya. Masukin. Dan akan menjadikan seperti ini. Tinggal kita yes. Ini centang. Yes, dan kita buka index.html-nya. Kosong belum ada apa-apa, gue perbesar dulu ya. Gue zoom in dengan cara ctrl plus tombol plus. Plus tombol plus, pusing-pusing dulu. Sebelah backspace itu ada tombol plus kalau kalian mau nge-zoom in ya. Kayak gini, tuh. Minus atau plus sekaligus juga ditekan ctrl di keyboard kalian, dia akan jadi zoom in, zoom out. Right? Tahapan pertama kita coba dulu coding javascript-nya sedikit dengan cara buka. tag HTML yang namanya script kalau gue pencet T lalu gue tutup dia akan tertutup otomatis kalau di VS Code gue karena gue udah pake extension kalau kalian bingung jangan dulu pake itu biarkan kalian mengetik manual ketik aja manual seperti ini ini adalah syarat supaya kita bisa ngoding javascriptnya di dalam sebuah file HTML yang mana file HTML itu adalah file untuk bisa kita buka di browser scriptnya di tengah-tengahnya itu enter dulu aja Di sini kita coba bikin yang namanya alert. Lalu pakai buka tutup seperti itu ya. Kalau udah pakai string. Terus kalian, string itu apa yang namanya teh? Quads. Terus di tengahnya kalian coba ketik aja hello world. Standar. Hello world. Lalu kalian save. Dengan cara ctrl plus s. Kalau udah buka lagi browsernya. Ini kita klik. Sampai muncul browser seperti ini. Terbuka browsernya dan muncul tulisan hello world di sini. Kalau sudah berarti javascriptnya berfungsi. Oke ini gue akan minimize. Sebenarnya javascript ini kan terintegrasi di dalam HTML ya. Bisa kita panggil dengan dua cara untuk penggunaan javascript. Yang pertama adalah dengan cara javascript di dalam sebuah HTMLnya langsung. Atau biasa kita sebut internal javascript. Atau yang kedua kita pisahkan file scriptnya di file lain selain HTML. Atau yang kita sebut external javascript. untuk memulai ini kita hapus aja, ini cuma permulaan doang jadi kita bikin dulu tag HTML seperti biasa HTML, enter lalu di dalam HTML selalu ada head oke, lalu disini selalu ada body nah, untuk scriptnya itu kita akan taruh di atas slash body ini kita akan pakai internal javascript di dalam body sini, gue akan pakai script yang kayak tadi lagi lalu ditutup Di tengah-tengahnya gue kasih alert lagi. Hey. Kayak gini. Jangan lupa titik komanya. Untuk di bagian head itu mungkin kita taruh title aja. Supaya yang penting ada isinya. Title The Afriza. Atau nama kalian. Kalian check-in warna yang ada di tampilan gue. Biarkan ini extension gue ngaco face codenya ya. Pokoknya kalau warnanya beda biarin aja. Kalian coba save dan reload lagi browsernya. Refresh tombolnya ada disini. Muncul hey. Oke. Berarti script javascript internal kita berfungsi. Karena gue gak mau internal, gue pengen external. Jadi kita bikin satu file baru di dalam workspace kita sebelah kiri sini. Create aja di sini. Ini new file bro. Ya, yang ini. Klik. Terus kalian bikin yang namanya, contohnya apa ya? Main.js. Main itu artinya utama, bukan main bermain. Bukan, tapi utama. Enter aja. Di dalam sinilah script yang akan kita eksekusi. Yang akan kita panggil di dalam HTML. Jadi, script yang tadi di dalam HTML, ini bagian tabnya ya. Ini main.js, ini index.html. Ini kita akan hapus. Kita tinggal panggil aja main.js-nya. Cara panggilnya, script. Tutup scriptnya. Kalian jangan main di tengah sini, tapi main di sebelah sini. Kalian spasi dulu. SRC. Nah, kayak begini. Pakai quotes. SRC itu artinya source-nya dari mana nih script nih? Source-nya adalah dari main.js. Jadi kita tinggal ketik aja di sini, main.js. Kalau udah di save, supaya tampilan websitenya seenggaknya ada tulisan sesuatu. Jadi kita di sini tulis aja. H1, belajar JavaScript. dasar, save jangan lupa buka tutup elemennya untuk javascriptnya seperti ini dan ini akan memanggil file main.js, yang artinya javascript yang ada di dalam main.js akan terpanggil otomatis di html sini, jadi kalau gue buka browser pas gue refresh, dia udah muncul belajar javascript dasar, tapi belum ada alertnya, alertnya gak perlu kita ketik lagi disini, karena kita udah pake external javascript, yang mana external javascriptnya? yaitu yang main.js ini, disini kita coba alert hey ho save kalau sudah kita refresh lagi browsernya, hey ho nya sudah masuk artinya eksternal javascript kita sudah berfungsi, oke sekarang kita akan belajar yang namanya alert prompt, log ataupun comment alert itu kurang lebih yang memunculkan ke bagian halaman browser seperti tadi kalau kita refresh, ini alert Itu bawaan dari javascriptnya Terus ada juga yang namanya prompt Ada juga yang namanya log Dan codingan itu bisa juga di comment Yang artinya tidak akan tereksekusi Kita mulai dulu ya Ini kalau kita tidak mau pakai Kalian bisa ketik ctrl tekan plus slash Yang ada di sebelah shift keyboard kanan kalian Jadinya seperti itu Atau kalau pusing Di sebelum alert sini kalian pencet aja slash slash Jadinya seperti ini Kalau kalian save, terus refresh lagi browsernya, alertnya tidak berfungsi. Yang mana artinya, slash-slash ini adalah sebuah block comment. Supaya kodingan kalian tidak akan tereksekusi. Tujuannya apa? Tujuannya untuk memberi tahu kepada developer lainnya, kepada programmer lainnya, kalau bagian kodingan ini adalah kodingan apa, misalnya kayak gitu kurang lebih. Dan juga bisa dengan cara seperti ini. Slash bintang. Misalnya disini alert lagi, lalala. Lalu di sini bintang-bintang slash. Yang artinya ini sama saja. Kalau kita refresh, tetap tidak berfungsi. Tapi kalau ini kita buka, dia akan muncul lalala ke sini. Nah, lalala. Oh iya, untuk yang bagian quotes itu bisa quotesnya 1 ataupun quotesnya 2. Kayak yang tadi. Kalau gue kayaknya pakenya 1 aja ya, lalala. Ini bisa 2 seperti ini ataupun bisa 1. Tapi sekarang kita pakenya 1 aja, nggak usah 2. Untuk alert kurang lebih seperti itu Jadi semoga kalian paham Penggunaan alert itu untuk Supaya ada pop up nya Dan yang kedua kita akan pakai yang namanya console log Console.log Misalnya disini Hey ho lagi Save Apa bedanya dengan alert Si console log ini akan muncul ke halaman yang berbeda Bukan di bagian pop up Kalau kalian ini save Jangan lupa ctrl S ya untuk nge save ya Kalau nggak di ctrl S atau nggak di save itu Nggak akan berubah Jadi pas kalian reload di sini tidak terjadi apa-apa. Tidak seperti alert bro. Kalau alert kan muncul pop up. Kalau console log itu ada di bagian sini. Perhatikan. Klik kanan di browser kosongan ini. Bagian inspect di klik di paling bawah sini. Akan muncul seperti ini ya bro. Sama kan ya. Pergi ke bagian console sini. Lalu heho nya ada di sini. Nah ini yang dinamakan untuk kebutuhan troubleshooting ke depannya. Biasanya kita kalau kerja itu troubleshootingnya kalau di bagian javascript itu via log atau console log seperti ini. Jadi nanti data ataupun apapun yang kita bikin itu biasanya muncul dulu di sini sebelum kita eksekusi untuk munculkan fitur-fiturnya ke dalam browser. Kedalam user interface yang bisa dilihat sama orang. Nah kalau di sini itu sebagai troubleshooting atau debugging di dalam proses pengembangan development web kurang lebih kayak gitu. Lalu di poin ketiga kita kali ini ada yang namanya prompt. Kalau kalian disini ketikan prom. Lalu pakai kurung buka kurung tutup seperti ini. Lalu di dalamnya string. Masukkan misalnya usia Anda. pakai tanda tanya save lalu kalian buka lagi browsernya prompt itu artinya akan memunculkan popup tapi sekaligus juga menyuruh usernya untuk mengisikan mengisikan isian popupnya apa ini gue close dulu by the way console.log nya kita refresh akan muncul seperti ini masukkan usia anda taruh disini 30 oke tidak terjadi apa-apa karena kita belum melakukan apapun terhadap sintaks yang udah kita bikin saat ini bro Baru cuma kayak ginian doang ya pastinya belum ada apa-apanya dong, belum ada interaksinya. Jadi kita masuk ke materi berikutnya yaitu variable. Ini di bawah sini gue akan bikin yang namanya variable. Variable itu kurang lebih sebuah wadah untuk lo menampung sesuatu. Sesuatunya itu apa? Boleh inputan dari user ataupun sebuah nilai tertentu terserah kalian. Sesuai yang kalian pengenin gitu bro. Contoh disini gue bakal bikin variable untuk menampung usia kita. Untuk membuat variable di javascript itu bisa pakai var spasi. Nama variablenya apa? Taruhlah usia. Lalu diikuti dengan sama dengan. Setelah sama dengan adalah nilainya. Nilai usianya berapa? Taruh usia gue 30. Oke. Kalau udah kayak gini di save aja. Untuk bagian prom itu gue akan hapus dulu. Seperti itu. Untuk bagian konsolok gue akan pindahkan ke bawah. Ini di cut. Ctrl X. Ini di bawah kalian ctrl V. Pasti. Oke. Setelah hey ho. Kalian tambahkan disini sedikit. Hey ho usia kamu adalah. Spasi. Disini. Pakai plus. Masukinlah variable ini. Usia kesini. Yang artinya. Hey ho usia kamu adalah plus usia. Maksudnya disini adalah. Kita akan mencari tau. Nilai dari usia itu berapa sih? Makanya dipanggil di konsol. Usia kamu itu berapa? Yang mana di sini nilai usia adalah 30. Maka nanti ke konsol akan muncul. Hei ho, usia kamu adalah 30. Kita coba ya. Save, terus pergi ke browser. Refresh. Inspect element lagi. Terus pergi ke bagian konsol. Kalau nggak muncul, ini ada di bagian sini. Konsol. Hei ho, usia kamu adalah 30. Artinya variable usia berhasil dibuat. Ini usia sudah berfungsi dengan variable bernilai 30. Nah untuk bikin variable itu ada banyak cara. Yang pertama bisa pakai var untuk menampung variablenya. Atau menggunakan cons untuk menampung variable juga sama. Con x misalnya sama dengan 1. Dan juga ada let. Let y sama dengan 2 misalnya kayak gitu. Perbedaannya adalah kalau cons itu nilai ini nggak bisa diubah-ubah. sama sekali, kalau late itu sama kayak var, late itu nilainya bisa berubah, cons itu kayak konstanta, kalau late itu kayak biarin lah ya kan, bahasa indonesianya late tuh biarin lah, mau diubah juga bebas kita kasih contoh bro ini gue hapus lagi semua, kita coba pake cons sama dengan eh sorry, cons usia sama dengan 30 kita save, kita refresh lagi browsernya, masih sama hasilnya Lalu kalau misalkan kita assign lagi nilai baru terhadap variable ini. Yang mana variable itu bisa ditimpah nilainya. Ini nilai awalnya adalah 30. Terus kita timpah usia sama dengan 35. Save. Ini akan terjadi error karena usia sudah fix nilainya bro. Dengan variable bertipe konstanta ini. 30-nya itu sudah fix, tidak bisa diubah-ubah. Jadi ketika kita mau kasih tahu bahwa... Di baris keempat itu usia harus diubah menjadi 35 Yang tadinya 30 Itu gak akan bisa Kalau kita save Terus kita reload lagi browsernya Maka akan terjadi error seperti ini Assignment to constant variable Itu gak bisa Karena variablenya bertipe konstan Kurang lebih kayak gitu Tapi kalau kita ganti const-nya jadi let Alias biarkanlah usia itu awalnya 30 Sisanya serah lu Mau ganti usianya jadi 35 berapapun itu serah Kalau kita save Terus kita reload Maka usia kamu adalah 35. Lobang 30-nya kemana? Aturannya begini bro, karena ini interpreted ya bro, disebutnya itu interpreted. Artinya, dia akan mengeksekusi satu per satu kode dari atas ke bawah. Pertama, kode ini akan dieksekusi nih, let usia sama dengan 30. Lalu yang kedua, usia, variable usia itu diganti nilainya jadi 35. Dan di sini console.log, usia, yang mana usianya adalah nilai usia terakhir itu berapa akan kita munculkan di sini. Yang terakhir kan 35. Karena dia ada di baris keempat, sedangkan let usia 30 itu ada di baris ketiga. Jadi nilai terakhir dari variable usia adalah 35. Sehingga muncul ke bagian konsol itu juga 35. Bagaimana tentang variable? Cukup mudah bukan? Lalu kalau udah kayak gini kita coba combine semuanya. Misalkan ini kita nggak mau pakai console.log atau biarin lah console.lognya di sini. Terus kita tambahin lagi di bawah itu bisa. Pakai misalnya alert. Alert usia. Jadi pas kita refresh browsernya. 35 oke kalau di konsol itu tetap hey ho usia kamu adalah 35 nah kalau pengen misalkan kayak yang di konsol ada tulisannya sama aja disini lu kasih kayak begini tambahin plus juga disininya lu kasih aja kayak macam usia kamu adalah save reload lagi usia kamu adalah 35 betul kalau pengen kita combine lagi dengan yang namanya prom jadinya seperti ini kita hapus semua ini oke kita bikin sebuah variable untuk menampung prompt ini agak bermain logik dikit buat kalian yang baru pertama kali mulai bahasa pemograman tadi udah gue ajarin basicnya, sekarang kita bermain pola pikirnya karena kita bisa menampung sesuatu di dalam sebuah variable artinya prompt yang tadi, prompt ini ya kayak gini, berapa usia kamu kalau kita save, kita reload kan dia suruh, mana ya, lo kok gak muncul ya oh kurang T, sorry, ini kurang T, prompt Awal kita save, terus kita reload. Berapa usia kamu? 3, 3. Nah, gue pengen setelah usernya meng-inputkan usianya berapa, gue pengen sistemnya bakal munculin pop-up usianya itu berapa sebenarnya. Jadi artinya prom ini kita masukin aja ke sebuah variable. Di sebelah kiri kita bikin dia let usia sama dengan yang tadi ya bro. Nah, daripada kita mengetikan secara manual di sini usianya 30, Gue pengen tuh user aja yang ketikin usia lu berapa. Ntar dijawab sama sistem usianya sebenarnya berapa. Kayak gitu kurang lebih. Disini tinggal kasih alert aja. Usia anda adalah plus usia. Sama aja kurang lebih. Cuman kita masukin prompt ke dalam sebuah variable. Kalau udah di save, terus kalian reload lagi browsernya. Berapa usia kamu? Taruhlah 45. Kalau oke, muncul alert usia anda adalah 45. Berhasil? Teman-temanku Oke kita lanjutkan Untuk yang ini Gue akan hapus dulu Bagian ini juga gue hapus Kita akan coba Cerita tipe data Di javascript itu Ada apa aja Tipe data itu Kurang lebih Value dari sebuah variable itu Bernilai apa Jenisnya Contoh Let x Jangan lah Let nama Sama dengan Pakai kutip seperti ini Dea Afriza Terus kalian bikin lagi Di bawahnya Misalnya let usia Sama dengan 30 Oke Terus kalian gabungkan di dalam sebuah konsolok menjadi seperti ini Atau alert boleh Nama Anda adalah plus Plusnya di luar Nama plus lagi Dan usia Anda adalah plus lagi Usia Kalau di save menjadi Nama Anda adalah Daya Frijal dan usia Anda adalah 30 Oke, nama ini bertipe string. Gue akan kasih komentar di sini. Tipe string. Usia berarti tipenya adalah integer atau number. Integer number. Karena dia angka. Untuk angka itu nggak perlu pakai string seperti ini. Kutip atau quote seperti ini nggak perlu. Karena dia bertipe angka. Misalkan gue punya tinggi badan. Let tinggi badan. Nah, kalau dua. Dua kata seperti ini Dua suku kata Kata kedua itu gue huruf besar biasanya Atau ini tuh di bahasa pemograman disebutnya Camel case Jadi kata pertama itu huruf kecil semua Terus untuk kata keduanya Itu awalan Dari kata keduanya itu kapital Tinggi badan itu misalkan Gue pengen ada komanya Nah koma di dalam javascript itu bukan pake koma Di keyboard tapi pake titik Jadi misalnya tinggi badan gue 173 Titik 5 cm. Ini biasanya tipe double disebutnya. Atau float. Sebenarnya lebih kompleks lagi nanti kalau kita bahas double dan juga float. Karena ada batasan-batasan tertentu. Tapi untuk saat ini kita cukup ketahui dulu bahwa ini adalah sebuah koma. Dengan menggunakan titik di keyboard kita. Bukan pakai koma. Jadi ini bersifat number sebenarnya. Tapi numbernya itu bukan bilangan yang tanpa koma. Tapi ini bilangannya. Ada komanya Jadi biasanya itu disebutnya Double atau float Kurang lebih kayak gitu Lalu berikutnya Tipe datanya ada Kosong aja Jadi misalnya LED berat badan Udah gak pake sama dengan gak pake apa. Ini artinya belum ada nilai. Atau ini apa namanya ya. Cuman dibikin dulu variabelnya. Dan nanti variabelnya akan diisi kapan-kapan. Kayak gitu. Nanti akan kita contohkan pengisiannya seperti apa. Jadi biarkanlah seperti ini. Terus misalnya gue bikin lagi satu variabel. Taruh aja namanya misalnya apa ya. Pacar. Pacar sama dengan gue belum punya pacar misalnya. Gue kasih 0. 0 itu juga tipe data kalau di javascript. Ya agak sedikit aneh Null itu Gak tau lah Pendefinisiannya seperti apa ya Intinya kurang lebih Null itu tidak bernilai Atau tidak Kayak gimana ya Gue susah jelasinnya pak Null itu kosong lah Kurang lebih kayak gitu ya Gak ada apa-apanya Gitu Nah daripada Kita memunculkan Semua data ini Dengan cara plus plus plus Seperti ini Gue akan hapus ini Dan kita bikin dengan cara Yang agak sedikit mudah Alert Buka Kalian pakai backtick Di sebelah keyboard kalian Eh di sebelah Di sebelah angka Satu keyboard kalian Jadi sebelah kiri angka 1 di keyboard itu ada yang namanya backtick seperti ini. Kita akan masukkan satu persatu. Misalnya nama saya pakai dolar. Pakai kurawal seperti ini. Masukkan variabelnya. Nama saya adalah nama. Nama saya nama. Yang mana nama adalah diafrizzang. Lalu di sini misalkan usia saya itu dolar 30. Artinya usia saya itu. Eh kok 30? Sorry, sorry. Usia. Usia saya itu usia, yang mana usia nilainya adalah 30. Lalu di sini tinggi badan saya adalah dolar. Apa isinya berarti? Tinggi badan. Huruf besar, kecil itu sangat berpengaruh. Spasi juga sangat berpengaruh, titik koma dan segala macamnya. Jadi hati-hati ya. Nah di dalam coding itu sangat sensitif ya. Antara spasi, salah kutip dikit, salah huruf dikit itu sangat berpengaruh. Ini pemanggilan harus sama persis seperti apa yang ada di atas ini. Jadi nggak boleh beda. Lalu terakhir. Itu yang berat badan dan juga pacar. Misalkan di sini berat badan saya. Berat badan. Dan pacar saya. Pacar. Kalau kita save. Ctrl S. Nah jadikan kayak gini ya. Ini kalian bisa enter sebenarnya bebas. Jadi intinya di dalam kurung ini. Ada backtick dan isian dari apa yang mau kita munculkan ke browser. Kalau kita refresh browsernya. Ini gue close by the way. Refresh. Muncul nama saya di Afri Jalus. Saya itu 30. Tinggi badan saya adalah 173,5. Berat badan saya undefined. Dan pacar saya 0. Undefined kenapa? Karena belum ada value-nya di sini. Ya. Oke. Undefined karena belum ada value-nya di variable berat badan. Coba kita refresh lagi. Undefined ini artinya belum ada nilai. Kalau kita kasih nilai di bagian bawah sini. Berat badan sama dengan 100. Eh nggak 100 gua, cuma 60 kilo misalnya gitu. Jadi kalau untuk mengisi nilai variable-nya terakhir nanti kapan-kapan, itu nggak perlu pakai let lagi. Jadi let ataupun cons ataupun var itu cuma dijabarin satu kali aja deklarasinya ya bro. Sisanya kalian tinggal panggil-panggil seperti ini tanpa harus pakai let, cons, kayak gitu-gitu lagi. Berat badan 60. Jadi kalau kita refresh browsernya itu akan berubah, bukan undefined lagi. Nah supaya lebih lengkap lagi, tadi kita tambahin centimeter misalnya ya. Tinggi badan saya adalah tinggi badan cm cm Berat badan saya adalah berat badan cm Eh cm, kaget Kita save, cek browser, refresh Nama saya Dea Frijal, usia saya itu 30 Tinggi badan saya adalah 173,5 cm Berat badan saya 60 kg Dan pacar saya 0 Nah, karena gue gak mau pacar saya tulisannya 0 Maka kita akan langsung masuk ke yang namanya pengkondisian Oke Supaya di alert sini tidak muncul kondisi null, maka kita mesti validasi. Untuk validasi di dalam javascript itu kita pakai yang namanya if else. Atau ini biasa kita sebut pengkondisian di dalam bahasa pemograman. Jadi codingannya kurang lebih di atas alert. Kenapa di atas alert? Karena alertnya itu kan di paling akhir. Kita butuh pacar saya ini harus tervalidasi dulu, terkondisikan dulu. Supaya tidak muncul null, artinya di atas alert sini kita coding. If buka tutup seperti ini, artinya jika, nah ini kan logik nih, standar nih. Jika pacar sama dengan sama dengan 0, apa yang akan kita lakukan? Sama dengan sama dengan ini artinya komparasi atau perbandingan. Jadi kalau mau bandingin variable dengan nilai tertentu atau dengan variable lainnya, itu pakai sama dengan sama dengan atau pakai tidak sama dengan. Tidak sama dengan artinya ya kayak apakah pacar tidak sama dengan? 2 atau pacar sama dengan 1 Tapi untuk kasus ini kita pakai sama dengan dulu Jika pacar sama dengan sama dengan 0 Karena tadi kita sudah belajar yang namanya assignment variable Atau mengisi nilai ke variable Maka Ini kan let nih, artinya kita bisa ubah-ubah nilai pacar. Kita akan ubah pacarnya di sini. Jika pacarnya nilainya 0, kita akan ubah pacar sama dengan, satu aja sama dengannya, belum punya. Else, nah else itu adalah pengecualian lainnya. Else, pacar sama dengan, udah punya boleh lah kayak gitu. Jadi kalau dibaca kurang lebih kayak gini. Jika variable pacar itu bernilai 0, yang mana yes, Saat ini variable pacar itu bernilai 0, jadi otomatis akan masuk ke kondisi pertama yang if ini. Karena kondisi dari variable pacar memang nilainya adalah 0. Jadi pacar akan diganti nilainya menjadi belum punya. Yang tadinya 0 jadi belum punya. Tapi kalau pacar itu bukan 0, yang mana itu adalah di dalam else. Else itu artinya selain dari kondisi yang pertama. Kondisi pertamanya kan pacar sama dengan 0. Tapi selain dari kondisi tersebut, eksekusi yang ini. Yang mana pacar akan diubah menjadi udah punya. Kalau kita save, maka pacar saya yang tadinya 0 akan berubah menjadi belum punya. Kita coba refresh browsernya. Lihat ini, pacar saya belum punya. Betul? Kalau misalkan gue ganti di sini bukan 0, taruh aja gue punya pacar 1. Maka kalau gue refresh lagi browsernya. Dan pacar saya sudah punya. Kayak gitu ya. Kenapa sudah punya? Karena di sini masuk ke kondisi yang else. Selain dari kondisi yang pertama. Ketika statement pertama atau kondisi pertama tidak terpecahkan. Alias tidak matching. Tidak sama. Tidak cocok. Maka akan masuk ke yang else. Else itu artinya selain dari kondisi-kondisi yang ada. Dan ada jenis pengkondisian yang lainnya bisa pakai yang namanya switch. Nah ini kan if else. Kalau kita mau pakai switch. Ini gue komen dulu ya. Ini block. Control slash Lalu gue bikin disini Switch Kayak begitu bro Buka tutup Kurawal Enter Diikuti dengan Cash Dan juga Break Cash disini nanti bakal pake titik 2 Jadi tunggu aja Untuk switchnya di dalam buka tutup ini Apa sih yang mau kita compare Yang mau kita compare adalah pacar Seperti itu Pacar Nah cash adalah kasusnya Pacar adalah statementnya. Jika pacar dengan perilaku seperti apa di sini, misalnya gitu ya. Jika pacar case-nya 1, titik 2, apa yang akan dilakukan? Contoh di sini gue akan melakukan replacement lagi. Pacar diganti jadi punya 1 aja. Lalu, kalau ada case berikutnya, kita bikin di bawah break sini case 2. Kalau pacarnya 2, apa yang akan kita lakukan? Pacar akan kita replace dengan punya pacar 2. Aku cukup playboy. Lalu kita break lagi di sini. Lalu di sini ada kondisi default. Default break.2 Defaultnya pacar sama dengan... Belum punya pacar. Yang artinya selain 1 dan 2, secara default atau secara bawaan pabrik, itu pacar akan bernilai belum punya pacar. Tapi kalau pacarnya bernilai 1, yang mana sekarang kan pacarnya bernilai 1 nih, maka akan diganti pacarnya jadi punya 1 aja. Yang tadinya number diganti jadi string seperti ini ya, tipe datanya. Lalu di break artinya yaudah gitu, statement 1 kelar. Lanjut ke statement 2. Kalau pacarnya punya 2, yang mana sekarang nilainya bukan 2, jadi nggak akan masuk sini sebenarnya. Tapi kalau andai kata dia 2 nilainya, maka akan masuk ke sini. Replacement variable pacar menjadi string dengan isian nilai punya pacar 2, aku cukup playboy. Dan kondisi standarnya, jika tidak memenuhi nilai 1 dan nilai 2, maka kondisi default dari pacar adalah bernilai belum punya pacar. Kalau kita save, kita reload lagi browsernya. Nama saya D. Afrijal, usia saya 30 dan berat baru blablabla Dan pacar saya punya 1 aja Sesuai ya, karena disininya juga 1 Dan masuk ke kondisi yang 1 Nah kalau disini gue ganti jadi 2 Kita save dan kita coba refresh browsernya Harusnya masuk ke kondisi yang ini ya Yang playboy Kita coba reload Boom Aku cukup playboy Saya punya pacar 2, aku cukup playboy Dan kalau misalkan disini gue ngacoin Segini misalnya Sorry Gua save selalu masuk ke bagian sini. Karena gak match ke. Maksudnya gak masuk ke kondisi pertama. Gak masuk ke kondisi kedua. Jadi akan selalu masuk ke yang default. Mau ini isinya apapun selain 1 dan 2. Belum punya pacar. Kita coba refresh. Belum punya pacar. Kurang lebih kayak gitu. Sama aja sebenernya kayak if else. Cuman kalau yang switch itu pengkondisiannya kayak gini aturan mainnya. So gua akan balikin ini pake if else lagi. Karena menurut gua lebih relevan aja. Kalau untuk kasus seperti ini pake. if else, gue delete ini dan kita buka yang ini dengan cara ctrl slash oke, kita akan tambahkan satu alert lagi disini untuk memunculkan saldo kita ceritanya jadi gue akan bikin disini satu variable baru dibawah sini let saldo awal sama dengan misalkan gue punya duit 50 ribu let saldo tambahan sama dengan 3 atau 80 ribu Lalu gue akan bikin alert baru disini untuk memunculkan saldo awal dan saldo tambahan Pakai backtick lagi Saldo awal saya sebesar pakai dollar kurung kurawal saldo awal Dan saldo tambahan yang akan saya miliki sebesar Dolar kurung kurawal saldo tambahan. Save dulu. Jadi kita punya 2 alert. Dan kalau sudah di save kita cek lagi browser. Alert pertama itu akan muncul duluan. Seperti yang tadi. Lalu pas di oke akan muncul alert kedua. Saldo awal saya sebesar 50 ribu. Dan saldo tambahan saya yang akan saya miliki sebesar 80 ribu. Kalau kita oke berakhir. Nah kita tambahin dulu rp disini biar agak enak ya. rp. Dan juga rp. sebelah sini biar lebih. Relevan Refresh Oke Saldo awal saya sebesar 50 ribu Dan juga saldo tambahan sebesar 80 ribu Gue pengen disini Kita tambahkan Jadi total saldo yang saya miliki Adalah sebanyak Nah Sebanyak titik-titik gitu ya Titik-titiknya Gimana caranya Kita akan bermain yang namanya operator disini bro Untuk tahu berapa totalnya, berarti kan tinggal ditambahin aja. Nah, cara menambahkannya kita bikin dulu satu variable penampung nilai akhir dari saldo kita. Kita akan pakai cons di sini. Nilai saldo akhir sama dengan saldo awal ditambah saldo tambahan. Artinya variable saldo akhir adalah sebuah rumus. Rumusnya adalah saldo awal ditambah saldo akhir. Kayak Microsoft Excel, bro. Kurang lebih kayak gitu. Kalau sudah di save, jadi di sini sebanyaknya adalah sebanyak rp.panggil kurung-kurawal saldo akhir. Kalau sudah di save, kita cek lagi ke browser. Refresh. Oke. Dan saldo akhir yang saya miliki adalah sebanyak 130.000 rupiah. Sudah sesuai. Apakah kalian berhasil? Oke, kita akan lanjutkan lagi. Misalkan di sini kalian punya hutang. Jadi, Kita akan bermain yang namanya operator ya kan plus minus kali bagi kayak gitu-gitulah standar Sebenarnya kalau di codingan untuk level yang saat ini nggak begitu rumit Jadi taruhlah disini kalian punya hutang, cons hutang sama dengan Kalian punya hutang misalnya 30 ribu dah, 30 ribu Artinya saldo akhir itu apa? Saldo awal ditambah saldo tambahan dikurangin hutang, betul? Kurangin hutang Jadi mestinya 5 plus 8 kan 13 nih Dikurangin 30 ribu Jadinya 10 ribu Harusnya 100 ribu terakhir ya kan Kita coba reload lagi browsernya Reload yang kedua Jadi saldo yang saya miliki adalah sebanyak 100 ribu rupiah Karena ada hutangnya Kalau misalkan pengen kali-kali yaudah lah Kalian bikin lagi aja disini misalnya Cons X sama dengan 3 Cons Y sama dengan 5 Cons Z Sama dengan X dikali Y. Misalkan kayak gitu. Untuk memunculkan Z-nya berarti tinggal di sini alert Z. Atau kalau pengen lebih bagus lagi ya. Kayak pakai backtick lagi tadi gitu bro. Misalkan nilai X sama dengan X. Dan nilai Y sama dengan Y. Maka hasilnya adalah Z. Nilai X sama dengan X dikali nilai Y sama dengan Y, maka hasilnya adalah Z. Kalau kita save, alert pertama itu akan muncul yang ini, sisanya sama saja seperti tadi. Lepas kita reload, nilai X semenan 3 dikali nilai Y semenan 5, maka hasilnya adalah 15. Kalau dibagi, ini kita bagi. Misalnya X dibagi Y, taruhlah X-nya 9. Y nya 3. Jadi kalau kita save otomatis. Ini ganti dulu nih. Tadinya kali jadi dibagi. Nilai X dibagi nilai Y. Maka hasilnya adalah. Kita refresh. Nilai X semenanian 9 dibagi nilai Y semenanian 3. Maka hasil akhirnya adalah 3. Kalau misalkan ininya 2 gimana akan 9 dibagi 2? Susah tuh 4,5. Munculnya apa di sini? Kita coba aja save gitu bro. Reload lagi browsernya. Nah nilai X semenanian 9. nilai nya sebenarnya 2 maka sih akhirnya 4.5 berubah tipe datanya yang tadinya integer menjadi float atau double atau desimal gitu kurang lebih ya walaupun sebenarnya sama-sama aja masih number juga number oke karena ini udah mulai mumet kita hapus semuanya inget-inget aja atau kalian playback videonya ulang lagi ke belakang kita akan belajar ketapan berikutnya yang namanya array variable bersifat array var eh sorry var majadul ya jadi var itu udah gak terlalu dipake sekarang di javascript disebutnya udah deprecated gitu ya bro Dan sekarang itu diganti ke let jadinya Untuk standarnya Kok ket sih let Dan cons ya let dan cons Taruh lah disini kita punya let nama guru Sama dengan Untuk array itu kita pakai kayak beginian Siku-siku Di dalam array itu bisa menampung banyak nilai Jadi satu variable array itu bisa menampung nilai berjumlah banyak Nilainya mau apapun bebas Taruh lah Nama guru pertama adalah Jody pakai quotes dulu seperti biasa di dalam siku ya setelah quotes itu pakai koma artinya ini adalah nilai kedua dari variable nama guru yang pertama jodi yang kedua bunga lalu koma lagi spasi quotes lagi misalnya ini siapa? rahman dah 3 biji aja dulu lalu kalau kita alert alert nama guru save reload lagi browsernya refresh jodi bunga rahman oke Arai itu selalu kaitannya sama siku-siku. Jadi kalau misalkan kita mau manggil arai yang ke pertama ini, Jodi, maka di sini kita pakaiin siku seperti ini. Jodi itu ada di urutan keberapa? Ini urutan pertama, ini urutan kedua, urutan ketiga. Itu secara bahasa manusia. Tapi kalau di dalam bahasa pemograman, itu angka pertama mulai dari 0. Jadi urutan pertama itu bukan 1, tapi 0. Ini 0, ini 1, ini 2. Kalau kita mau manggil Jodi, itu di sininya berarti 0. Artinya nama guru yang muncul ke bagian pop up itu hanya nama guru dengan urutan ke 0. Ini namanya array ya bro ya. Kita coba reload. Jody yang muncul di sini. Kalau kita pengen Rahman berarti kita harus tahu urutannya. Jody bunga Rahman. Rahman ke bukan ketiga bro. Tapi kedua. Karena dari sini kan 0, 1, 2. Jadi di sininya pakai 2. Seperti ini. Save. Kita reload lagi. Peng. Rahman. Kalau bunga berarti dia ada di nomor 1. 0, 1, 2. Save. Kalau kita reload. Bunga. Berhasil ya. Nah kalau kita mau tambahin isi arraynya itu kayak gimana? Bisa di sini. Kayak gini lagi. Atau kita bisa tambahkan di luar. Contoh. Di sini gue pengen nama guru itu bertambah. Dari tadinya 3. Sekarang kita tambahin beberapa biji. 2 misalnya. Jadi kita ketik aja nama guru. Titik push. Yang artinya push itu untuk masukin nilai baru ke dalam sebuah variable array. Nah push ini push kemana? Push ke nama guru. Masukin di sini string secara langsung. Taruhlah kita akan memasukkan dea. Dan juga kita akan memasukkan fikri. Kalau kita save, jangan lupa pemanggilannya kita munculin semua dulu. Supaya memastikan bahwa dea dan fikri masuk ke dalam list nama-nama guru. Karena kita sudah push lewat metode ini. Kita save dan reload browsernya. Sekarang sudah bertambah jodi bunga rahman dea fikri. Kalau kita mau hilangkan nilai pertama di dalam arai ini, urutan ke 0, urutan pertama atau indeks ke 0, itu disebutnya urutan itu disebutnya indeks. Kalau di bagian looping lagi, kalau di bagian apa ini namanya teh? Arai. Jadi indeks ke 0 itu jodi akan kita hapus dengan cara seperti ini. Nama guru.sieve. Yang artinya jodi akan hilang. Sekarang kita reload lagi. Bunga Rahman Daya Fikri. Jodinya sudah hilang. Betul? Kalau misalkan yang terakhir pengen dihilangkan. Si Fikri ini kan yang terakhir nih. Kalau kita mau hapus. Berarti pakai disininya nama guru.pop. Untuk menghapus yang terakhir. Jadi kalau menghapus yang awal itu shift. Kalau menghapus yang akhir itu pop. Kalau kita reload. Sekarang cuma ada bunga Rahman dan Daya. Bunga Rahman dan Daya. Kita juga bisa menggunakan metode lain untuk membuat array. Contohnya misalkan kita punya variable yang nilainya masih kosong. Arraynya Let Nama guru Sama dengan Kosong seperti ini Lalu kita isi Di luar Nanti isinya Misalnya kayak gini Nama guru Indeks ke 0 atau urutan pertama itu siapa? Misalnya Dea. Nama guru urutan ke 2 atau indeks ke 1 itu misalkan Fikri. Lalu kalau kita alert nama gurunya, maka yang terjadi adalah kalau kita refresh Dea dan Fikri. Jadi sama aja kayak tadi, tapi ini karena kebetulan nama gurunya itu bersifat let, artinya bisa ditimpah lagi nilainya. Jadi yang awalnya nilainya kosong itu kita isi dengan cara seperti ini. Yang artinya nama guru di urutan pertama itu diisi dengan dea. Nama guru di urutan kedua alias indeks 1 itu diisi dengan nilai fikri. Kalau misalkan kita mau hapus lagi nilai pertama itu sama aja. Nama guru titik shift. Jadi dea bakalan hilang. Refresh. Fikri doang tersisa. Kalau pengen hapus fikri berarti pop. Kayak gitu. Refresh. Sisa dea. Kurang lebih kayak gitu bro. Oke sekarang kita akan hapus ini semua karena kita akan belajar yang namanya looping. Yang pertama kita akan belajar yang namanya for loop. Jadi looping ini untuk mengulang sesuatu berkali-kali. Kita contohkan dulu kalau tanpa for loop ya. Misalkan disini gue punya alert atau punya console.log deh. Kita main console.log sekarang. Nama saya Dea. Oke save. Terus kita buka browser. Bagian inspect element. Kita cek kalau console.log seperti biasa Pergi ke sini Nama saya Dea Nah kalau gue pengen nama Deanya muncul 3 kali 1, 2, 3 Dengan cara copy paste aja gitu bro ya Ini di block Ctrl C Enter Ctrl V Enter lagi Ctrl V Enter lagi Ctrl V Untung gak salah nyebut anjir 1, 2, 3, 4 Sebanyak 4 kali Karena dia terlooping sebanyak 4 kali Kita coba reload Ya kan? 1, 2, 3, 4 Nah kalau dengan for kita nggak perlu capek-capek Ngetik satu per satu seperti ini Oke jadi tahapan pertamanya adalah Kalian ketikan for yang artinya itu untuk meluping Yang artinya kita akan mengulang data sebanyak Sekian kali terserah kita maunya berapa Jadi tahapannya ada 3 biji statement yang harus kalian tulis disini 3 statement Statement pertama itu Ya udah langsung aja sini ya Kita bikin satu variable Statement pertama itu untuk initialisasi variable Jadi taruhlah disini Ada variable bernama i I Dengan nilai awal sebanyak 1 atau 0. Nilai i awal itu 0. Titik koma. Lalu statement keduanya adalah perkondisiannya. i akan berhenti ketika kapan? i akan berhenti jika i kurang dari sama dengan 10 misalnya. Titik koma. Lalu apa yang akan kita lakukan? Di sini adalah i sama dengan i plus 1. Contohnya seperti ini. Lalu pakai kurung-kurawal. Nanti gue bacain deh kayak gimana keterangannya ya. Dan di sini kita akan meluping console.log sebanyak. Berapa kali disini? 10 ya Dengan isian daya afriza Jadi kalau ini dibaca kurang lebih Variable pertama itu i Bernilai 0 di awal kali Sebelum ini terluping Lalu jika i nya kurang dari 10 Maka apa yang akan dilakukan? I nya akan ditambahkan nilai i ditambah 1 Yang artinya misalkan ya 0 terus akan terluping sekali Berarti 0 nya plus 1 jadi 1 Lalu 1 akan lanjut lagi Menjadi 1 plus 1 1 jadi 2. 2 akan dilanjut lagi. Jadi 2 plus 1 jadi 3. Sampai mencapai ke kondisi yang ada di tengah sini. Statement kedua. Yang mana statement kedua adalah kondisinya. Jadi i akan berhenti kalau nilai i-nya itu kurang dari 10. Sorry kalau kayak gini berarti kalau kita baca. Itu nilainya nggak akan sebanyak 10. Tapi sebanyak 11. Karena di sini mulainya dari 0. 0 sampai ke 10 itu akan jadi 11. Nggak 0, 1, 2, 3. Lu hitung deh. Itu bakal 11 nilainya. Tapi kalau di sini yang 1. 1 sampai ke kurang dari sembarangan 10 artinya dia akan mencapai 1, 2, 3, 4, 5, 6, 10 berarti 10 biji daya frizalnya jadi kalau kita save dan kita reload ini akan muncul sebanyak 10 kali nah 10 daya friza kalau misalkan ininya 20 maka ini akan berubah jadi 20 20 daya friza itu untuk perulangan menggunakan for yang fungsinya supaya kita gak harus ngetik console.log sebanyak 20 kali ya kali lu ketik 20 biji anjir console.log sepanjang itu males juga ya kan jadi mending diluping aja sebanyak Ini gitu kurang lebih bro Nah kalau misalkan kita punya data array disini Cons Misalkan nama guru yang tadi ya sama dengan Dea Fikri Misalkan Retno Sama Bunga Ada 4 ya kan Terus Kita Console log ini Taruh lah ini gue komen dulu Gue console log nama gurunya disini Console.log Nama guru Yang muncul ke bagian console Akan menjadi Seperti ini. 0, 1, 2, 3 Nah sedangkan nanti ketika kalian kerja itu kasusnya gak akan kayak gini Pasti harus di mapping disebutnya tuh Nah salah satu cara mappingnya tuh bisa Eh dengan banyak metode pastinya Tapi bisa juga pakai for Kalau pakai for artinya begini Ini gue hapus dulu konsolnya Kita buka lagi fornya I itu pertama bernilai 1 Lalu I kurang dari 20 Nah ini 20 nya kita ganti nih Supaya kita bisa mapping data ini Sebanyak jumlah data yang ada di array sini Nah untuk mengetahui jumlah data yang ada di array sini, kita console.log dulu di sini. Console.log nama guru.length. Yang artinya supaya kita bisa tahu jumlah panjang data dari sebuah array. Kalau kita reload, maka ada 4 jumlah datanya. Nah supaya dinamis, 20 ini kita ganti jadi nama guru.length. Titik length. Nama guru.length. Kayak gitu. I sama dengan I plus 1 atau kita bisa ganti dengan cara I plus plus. I plus plus itu artinya I sama dengan I plus 1. Penulisan di sebuah kodingannya biar lebih sederhana pakai I plus plus. Untuk bagian console.log kita bisa hapus saja. Nah lalu kita console.log di sini nama gurunya. Ini hapus isiannya. Nama guru dalam kurung alias siku-siku. Karena kita mau memapping datanya sebanyak I. Sesuai dengan. Apa yang ada di dalam sini. Kalau kita reload maka. Fikri Retno Bunga Undefined. Undefined itu siapa? Dea. Kenapa? Karena mulainya dari 1 bukan dari 0. Jadi kita mulai dari 0. Kalau kita reload. Maka Dea Fikri Retno Bunga. Ini Undefined apa? Karena kita pakai sama dengan di sini. Jangan pakai sama dengan. Kita reload. Dea Fikri Retno Bunga. Aman muncul di sini. Kalau dibaca kurang lebih kayak begini bro. Pertama, nilai i atau urutan itu 0 ya kan. Terus i akan diluping sebanyak jumlah data yang ada di sini. Lalu ditambahkan i-nya. Lalu yang kita konsolog adalah nama guru indeks keberapa. Nah, di sini kan tuh nilai i bertambah terus nih bro. I pertama itu sama dengan 0. Terus i kedua sama dengan 1. I ketiga sama dengan 2 ya kan. I1, i2, i3 sampai seterusnya i4. Nah artinya ketika kita konsol log yang ini nama guru i ini kan terluping terus nih. Si i ini akan ngikut ini sebenarnya. Jadi akan kayak gini nih 0 1 2 3 terluping sebanyak 4 kali sampai ke nilai i yang ada disini secara dinamis. Jadi bakal muncul si semua ini gurunya. Tapi kalau disini gue pakai manual kayak gini nama guru urutan ke 0 yang artinya itu dia ya tetap aja bro. Oke ya. Kayak gini malah dianya doang yang diluping 4 kali Kalau misalkan disininya 1 Berarti si pikri akan terluping sebanyak 4 kali Sedangkan kita meluping ini semua Supaya muncul terpecah-pecah semuanya Jadi disininya sebanyak i Kayak gitu Dan kayak gitu hasilnya Cukup pusing kan untuk bagian for kalau digabung sama array Nah nanti kalau kerja pun gitu Penggabungannya bukan cuma sekedar for dengan array Nanti bahkan ada objek Ada segala macem segala gitu Cuman tutupan awal kayaknya belajarnya Gin dulu aja. Supaya ada gambaran kurang lebih kayak gimana. Ini juga udah mungkin cukup pusing bagi kalian yang baru pertama kali ngoding. Tapi kalau kalian cukup mengerti. Ya itu berarti ada pertanda baik ke depannya gitu. Masa depannya lumayan cerah. Tapi kalau masih bingung. Silahkan dicoba-coba dan dipahami di playback terus-menerus ya bro ya. Nah untuk looping gak cuma for. Ada juga yang namanya while. Jadi kita akan coba disini pake while. Ini gue komen dulu ya. Untuk cons-cons ini. Ini gue hapus aja dah. Gue hapus. While itu sama aja. Jadi. Pertama sintaknya seperti ini while. Lalu kurawal. Kayak gitu. While kita bikinlah disini variable di luar while ya. Taruh variable i sama dengan 0. Boleh. While i kurang dari 10. Apa yang akan kita lakukan? Kayak tadi aja sama. Console.log.dea.result. Jangan lupa tambahkan disini i++. Jadi ini kalau dibaca. Kita punya nilai i. Pertama kali nilai i nya itu 0 Terus kita looping dengan metode while Dia akan berhenti Jika i nya bernilai 10 Jadi kurang lebih kondisinya ada disini Dan tereksekusi disini Jadi kalau kita save Kalau ini gue ganti jadi 20 Sama aja sebenarnya Nah berbeda dengan yang do while Ini while ya Kalau do while itu agak beda Jadi kalau do while itu sintaksnya seperti ini Do lakukan apa While gimana jadi do lakukan dulu misalnya console.log Dia of result. While. While i sama dengan kurang dari 10. Taruh lah. Ini while yang ini gue hapus ya. Ntar kita bakal tau bedanya apa. Jangan lupa ditambahkan disini i plus plus. Sorry disini. Lakukan penambahan i. Lakukan penambahan nilai i yang tadinya 0. Sampai i nya bernilai kurang dari 10. Yang tadinya 0. Bedanya kalau do itu akan dilakukan dulu. Dieksekusi dulu sekali ini penambahannya. Baru dia akan mencari kondisinya. Kalau yang while, dia akan mencari kondisinya dulu baru mengeksekusi. Tapi kalau yang do, itu dia eksekusi dulu 1 kali di sini. Baru ngecek ke kondisi. Jadi kalau kita reload, itu masih sama aja kayak gini. Cuman kalau kondisinya nggak matching nih ya. Taruh di sini 10. Terus gue reload. Maka dia akan tereksekusi dia afrijal 1 kali. Sedangkan di sini kondisinya 10. Tapi di sini while-nya ketika i kurang dari 10. Sedangkan di sini i kan 10. Jadi harusnya tidak ada yang tereksekusi. Tapi kalau kita pakai while. Ini aman. Kalau pakai do itu bakal tereksekusi 1 kali. Kalau pakai while. Ini gue pakai while lagi ya. While. I kurang dari 10. Lakukan I++. Consolog. DA. Afrizzal. Nah kalau tadi kan. Muncul ya DA afrizzal disini. Ini kalau gue reload. Dia gak akan muncul. Karena. Dia itu akan mencari kondisi ini dulu. Ya, kondisinya ini kan nggak cocok, bro. I kurang dari 10 kan nggak? Ini kan 10, sama dengan 10. Bukan kurang dari 10. Kurang dari 10 itu 9, 8, 7, 6, 5, 4, 3, 2, 1. Kayak gitu. Nah, jadi si while itu nggak akan mengeksekusi codingan yang ada di dalam sini. Kecuali kondisinya cocok. Tapi kalau do while, mau kondisinya kayak gimana pun, dia akan mengeksekusi terlebih dahulu 1 kali. Baru dia akan pergi ke kondisinya. Gitu kurang lebih ya. Oke untuk terakhir ada tugas kecil buat kalian semua Jadi tugasnya kurang lebih kayak begini Akan gue contohkan Pertama kita akan pakai yang namanya prom Untuk mengetahui Sorry ini kita ganti tugas kecil Prom untuk mengetahui saldo akhir Dari apa yang di inputkan oleh user Oke ini tugas pertama Lalu tugas kedua adalah menentukan hari dari tanggal yang ada saat ini di komputer kalian di PC kalian Oke gue akan kasih clue nomor dua kalau nomor satu kan itu mudah ya nomor dua itu kita harus cari tahu dulu sekarang itu tanggal berapa Jadi kalau gua bikin penampungan variabel disini let hari sama dengan new date ya begini kita save console.log harinya biar tahu bener atau enggak kita refresh browsernya nih harinya adalah Monday Februari 06 2023 nah kita tuh butuh monnya mondaynya harinya supaya kita bisa tahu ini tuh hari apa hari keberapa gitu ya jadi di sini gua kasih clue aja satu variabel hari dengan cara codingnya seperti ini get that get day sorry kayak begini dan kalau kita console.log ini artinya objek dari javascript disononya ya bro ya kita panggil supaya kita bisa tahu hari apa sekarang kalau kita reload Dia akan muncul 1 karena sekarang hari Senin. Tapi kalau gue ubah ini hari gue jadi Selasa, dia akan 2, 3, 4, 5, 6, sampai 7. 7 itu Minggu. Jadi hasil akhirnya kalian harus bisa memunculkan kayak begini kurang lebih. Hari ini adalah hari 1. Nah, satunya ini ganti jadi Senin. Kalau dua berarti jadi selasa Kalau tiga jadi rabu Kayak gitu-gitu Ini mau konsolog Mau alert juga boleh Terserah kalian Tugasnya kurang lebih itu aja Untuk kalian Silahkan diulik semuanya Dan nanti kalau udah kelar Silahkan tag Instagram gue Dea.afrizal Kalian tag aja hasil tugasnya Untuk nomor satu dan nomor dua Kalau berhasil Gue akan restore ya bro ya Kurang lebih kayak gitu Untuk belajar Javascript Di video kali ini Mungkin nanti akan ada lanjutan di part 2 nya Masih untuk pemula Sampai nanti kita akan belajar Yang advanced series nya Semoga bermanfaat buat kalian Jangan lupa di klik tombol subscribe nya Dan juga loncengnya Karena gue akan update terus setiap hari Seputar bahasa pemograman Ataupun teknologi lainnya Thank you banget udah nonton tutorial ini Sampai akhir Buat kalian yang struggling Sampai sekarang Dan mencoba-coba Walaupun error Tapi tetap mencoba Tetap semangat Karena gue yakin Suatu saat lo akan berhasil Yang penting teliti Dan juga cermati Apa yang kalian ketik Dan Perhatikan aja, beda koma itu ngaruh, beda titik itu ngaruh, beda spasi itu juga ngaruh, huruf gede, huruf kecil itu juga berpengaruh. Jadi silahkan di troubleshooting sendiri. Semoga bermanfaat, sampai jumpa di lain waktu. Semoga harimu menyenangkan. Salam gobles, kurung kurawal, bye-bye.

Di poin kelima, kita akan belajar tipe data dan juga operator karena tipe data itu memang banyak sekali. Di berbagai macam bahasa pemograman, itu tipe data memang sangat banyak. Termasuk juga di JavaScript, bro.

Ada yang bertipe objek dan ada yang non-objek. Lalu di poin ke-6 kita akan belajar javascript array method Dan di poin ke-7 kita akan belajar bagaimana cara meluping di dalam javascript Menggunakan for, while, do while dan apa bedanya antara ketiga hal tersebut Lalu yang ke-8 kita akan belajar yang namanya conditional statement If else dan juga switch kalau secara teknisnya Dan terakhir di nomor 9 itu ada tugas kecil buat kalian semua Supaya bisa menambah jam terbang dalam belajar ngoding So disclaimer dulu sebelum kita mulai ngoding Ini untuk pemula, nggak pernah ngerti coding sebelumnya Gue akan jelaskan secara Detail dan rinci per materi Materi yang udah gue sebutin tadi Gue akan jabarkan secara manusiawi Jadi buat subscriber gue yang udah mengerti Silahkan di skip aja Kalau misalkan dari materi yang gue sebutin tadi Kalian udah banyak paham yaudah skip aja Tapi kalau buat kalian yang baru pertama kali mau menyentuh javascript Bisa di klik langsung dari awal video ini Atau kalian mau skip ke beberapa segmen di dalam video ini Udah gue bagi-bagi waktunya Jadi kalau kalian mau belajar Misalkan langsung ngajeleng gitu bro Atau loncat ke bagian array Silahkan masuk sana Atau mau full itu sangat berterima kasih gue. Apalagi tanpa skip iklannya.

Karena disitulah sumber tambah penghasilan gue. Jadi buat kalian yang belum tahu javascript. Javascript itu bukan sekedar untuk merubah tampilan user interface UI.

Tapi juga bisa sebagai bahasa pemograman atau scripting language. Untuk membuat sebuah game development atau web server. Atau bikin aplikasi apk juga bisa.

Terus dia juga bisa, ya pasti bisa bikin website jadi lebih interaktif lagi Jadi dengan javascript itu bisa membuat sebuah elemen HTML menjadi lebih dinamik lagi Lebih interaktif terhadap user Contohnya misalnya bisa komponennya bergerak Di dalam website kalian bisa melihat animasi-animasi Itu kurang lebih bisa menggunakan javascript Dan javascript ini dipakai di perusahaan untuk kebutuhan-kebutuhan tertentu Pastinya banyak banget mulai dari IoT Terus misalkan machine learning Dan untuk mempelajarinya sebenarnya di awal itu cukup mudah Tapi nanti ketika kalian udah mulai masuk dan mulai kecanduan sama javascript Disitulah titik letak kesulitannya bro ya Jadi dinikmati aja gue jamin kalian bakal bisa ngikutin Dari 0 sampai video ini selesai Gue jamin siapapun lo itu Asal dicoba aja dan jangan lupa teliti Baiklah kita mulai langsung saja ngodingnya dari awal bro Ya disini di desktop kalian bisa lihat tidak ada apa-apa Yang perlu kalian install hanyalah 1 biji text editor Yang perlu kalian download dulu di google Cari saja di Google itu VS Code namanya bro Download sendiri manual VS Code Download lah pokoknya mah Pilih sesuai dengan sistem operasi yang kalian punya Kalau kalian punya Windows 10 ya download VS Code untuk Windows 10 Kalau Windows 8 ya untuk Windows 8 Kalau Windows 7 ya untuk Windows 7 gitu ya Kenapa VS Code ya? Karena gue seringnya pake itu dan gue ngertinya pake itu lebih senengnya Pake itu gue nikmatnya pake itu jiwanya ada disitu gitu bro ya Selama gue project gue selalu pake itu Intinya mah ikutin aja pake itu bro ya Karena enak asik adem ayem Kalau udah pastikan komputer kalian itu punya browser Nggak mungkin nggak punya Pasti ada Google Chrome atau Microsoft Edge Bawaannya Windows atau browser-browser lainnya Karena kita cuma bermain satu text editor Yang kedua browser Udah itu doang untuk belajar JavaScript Persiapan lainnya adalah kalian siapin copy dan juga cemilan Karena nanti ke depan akan ada seleksi alam Sepertinya Kita langsung saja mulai Di dalam desktop sini gue akan klik kanan Lalu lo coba pilih yang new Dan bikinlah satu folder baru disini Namakan ya kalian lihat disini ada foldernya Jangan lihat folder gue yang lain ya. Karena disini foldernya banyak folder game anak-anak. Disini namain aja belajar javascript. Belajar javascript dasar.

Gini ya boleh. Lalu klik dua kali foldernya. Akan muncul seperti ini betul? Sama? Nah kalau kita udah muncul seperti ini bro.

Lo pergi dulu ke bagian view seperti biasa. Ini setiap tutorial gue selalu ulang-ulang. Supaya kalian gak bingung nanti ke depannya. Klik tombol view ini.

Perhatikan di bagian sebelah tengah sini bro. Ada yang namanya file name extension. Make sure pastikan lo centang file name extension ini.

Kalau tidak dicentang lo akan kebingungan dengan nama file javascript yang kalian udah bikin nanti. Ini kalau gue nggak centang pokoknya bakal bingung. Mending lo centang aja ini. Terus kita klik kanan di area folder sini.

New text document. Sampai muncul seperti ini. Nah kalian perhatikan disini ada titik txt.

Yang artinya txt itu adalah extension file name-nya. Kalau gue nggak centang ini, titik txt tidak akan muncul. Sekarang rename ini menjadi index.html.

Txt-nya hapus aja menjadi seperti ini. Kalau sudah kalian enter. Dan nanti akan muncul kayak beginian. Tinggal di yes aja.

Sampai berubah index.html-nya menjadi logo Chrome atau logo browser bawaan kalian atau bahkan tidak ada logonya sama sekali. Tidak apa-apa. Kalau sudah seperti ini, kalian bisa klik window explorer atau tombol windows di keyboard kalian sampai muncul seperti ini. Lalu ketik VS Code.

Muncul VS Code seperti ini, tinggal klik saja. Akan terbuka welcome seperti ini. Welcome ini kalian close saja jadi kosongan seperti ini.

Buka yang bagian atas explorer dari VS Code-nya. Di sini disuruh open folder. Maka kita masukkan folder belajar javascript dasar.

Yang mana foldernya itu ada di desktop kita. Ini. Kita tarik ini ke sini.

Sampai ada tanda biru di sebelah kiri. Ini yang sebelah kiri itu namanya workspace kita. Tempat kita bekerja.

Folder-foldernya. Masukin. Dan akan menjadikan seperti ini. Tinggal kita yes. Ini centang.

Yes, dan kita buka index.html-nya. Kosong belum ada apa-apa, gue perbesar dulu ya. Gue zoom in dengan cara ctrl plus tombol plus.

Plus tombol plus, pusing-pusing dulu. Sebelah backspace itu ada tombol plus kalau kalian mau nge-zoom in ya. Kayak gini, tuh.

Minus atau plus sekaligus juga ditekan ctrl di keyboard kalian, dia akan jadi zoom in, zoom out. Right? Tahapan pertama kita coba dulu coding javascript-nya sedikit dengan cara buka.

tag HTML yang namanya script kalau gue pencet T lalu gue tutup dia akan tertutup otomatis kalau di VS Code gue karena gue udah pake extension kalau kalian bingung jangan dulu pake itu biarkan kalian mengetik manual ketik aja manual seperti ini ini adalah syarat supaya kita bisa ngoding javascriptnya di dalam sebuah file HTML yang mana file HTML itu adalah file untuk bisa kita buka di browser scriptnya di tengah-tengahnya itu enter dulu aja Di sini kita coba bikin yang namanya alert. Lalu pakai buka tutup seperti itu ya. Kalau udah pakai string. Terus kalian, string itu apa yang namanya teh? Quads.

Terus di tengahnya kalian coba ketik aja hello world. Standar. Hello world. Lalu kalian save. Dengan cara ctrl plus s.

Kalau udah buka lagi browsernya. Ini kita klik. Sampai muncul browser seperti ini.

Terbuka browsernya dan muncul tulisan hello world di sini. Kalau sudah berarti javascriptnya berfungsi. Oke ini gue akan minimize.

Sebenarnya javascript ini kan terintegrasi di dalam HTML ya. Bisa kita panggil dengan dua cara untuk penggunaan javascript. Yang pertama adalah dengan cara javascript di dalam sebuah HTMLnya langsung.

Atau biasa kita sebut internal javascript. Atau yang kedua kita pisahkan file scriptnya di file lain selain HTML. Atau yang kita sebut external javascript. untuk memulai ini kita hapus aja, ini cuma permulaan doang jadi kita bikin dulu tag HTML seperti biasa HTML, enter lalu di dalam HTML selalu ada head oke, lalu disini selalu ada body nah, untuk scriptnya itu kita akan taruh di atas slash body ini kita akan pakai internal javascript di dalam body sini, gue akan pakai script yang kayak tadi lagi lalu ditutup Di tengah-tengahnya gue kasih alert lagi.

Hey. Kayak gini. Jangan lupa titik komanya.

Untuk di bagian head itu mungkin kita taruh title aja. Supaya yang penting ada isinya. Title The Afriza.

Atau nama kalian. Kalian check-in warna yang ada di tampilan gue. Biarkan ini extension gue ngaco face codenya ya. Pokoknya kalau warnanya beda biarin aja.

Kalian coba save dan reload lagi browsernya. Refresh tombolnya ada disini. Muncul hey.

Oke. Berarti script javascript internal kita berfungsi. Karena gue gak mau internal, gue pengen external. Jadi kita bikin satu file baru di dalam workspace kita sebelah kiri sini. Create aja di sini.

Ini new file bro. Ya, yang ini. Klik. Terus kalian bikin yang namanya, contohnya apa ya? Main.js.

Main itu artinya utama, bukan main bermain. Bukan, tapi utama. Enter aja.

Di dalam sinilah script yang akan kita eksekusi. Yang akan kita panggil di dalam HTML. Jadi, script yang tadi di dalam HTML, ini bagian tabnya ya.

Ini main.js, ini index.html. Ini kita akan hapus. Kita tinggal panggil aja main.js-nya.

Cara panggilnya, script. Tutup scriptnya. Kalian jangan main di tengah sini, tapi main di sebelah sini.

Kalian spasi dulu. SRC. Nah, kayak begini. Pakai quotes.

SRC itu artinya source-nya dari mana nih script nih? Source-nya adalah dari main.js. Jadi kita tinggal ketik aja di sini, main.js.

Kalau udah di save, supaya tampilan websitenya seenggaknya ada tulisan sesuatu. Jadi kita di sini tulis aja. H1, belajar JavaScript.

dasar, save jangan lupa buka tutup elemennya untuk javascriptnya seperti ini dan ini akan memanggil file main.js, yang artinya javascript yang ada di dalam main.js akan terpanggil otomatis di html sini, jadi kalau gue buka browser pas gue refresh, dia udah muncul belajar javascript dasar, tapi belum ada alertnya, alertnya gak perlu kita ketik lagi disini, karena kita udah pake external javascript, yang mana external javascriptnya? yaitu yang main.js ini, disini kita coba alert hey ho save kalau sudah kita refresh lagi browsernya, hey ho nya sudah masuk artinya eksternal javascript kita sudah berfungsi, oke sekarang kita akan belajar yang namanya alert prompt, log ataupun comment alert itu kurang lebih yang memunculkan ke bagian halaman browser seperti tadi kalau kita refresh, ini alert Itu bawaan dari javascriptnya Terus ada juga yang namanya prompt Ada juga yang namanya log Dan codingan itu bisa juga di comment Yang artinya tidak akan tereksekusi Kita mulai dulu ya Ini kalau kita tidak mau pakai Kalian bisa ketik ctrl tekan plus slash Yang ada di sebelah shift keyboard kanan kalian Jadinya seperti itu Atau kalau pusing Di sebelum alert sini kalian pencet aja slash slash Jadinya seperti ini Kalau kalian save, terus refresh lagi browsernya, alertnya tidak berfungsi. Yang mana artinya, slash-slash ini adalah sebuah block comment. Supaya kodingan kalian tidak akan tereksekusi. Tujuannya apa?

Tujuannya untuk memberi tahu kepada developer lainnya, kepada programmer lainnya, kalau bagian kodingan ini adalah kodingan apa, misalnya kayak gitu kurang lebih. Dan juga bisa dengan cara seperti ini. Slash bintang. Misalnya disini alert lagi, lalala.

Lalu di sini bintang-bintang slash. Yang artinya ini sama saja. Kalau kita refresh, tetap tidak berfungsi. Tapi kalau ini kita buka, dia akan muncul lalala ke sini.

Nah, lalala. Oh iya, untuk yang bagian quotes itu bisa quotesnya 1 ataupun quotesnya 2. Kayak yang tadi. Kalau gue kayaknya pakenya 1 aja ya, lalala.

Ini bisa 2 seperti ini ataupun bisa 1. Tapi sekarang kita pakenya 1 aja, nggak usah 2. Untuk alert kurang lebih seperti itu Jadi semoga kalian paham Penggunaan alert itu untuk Supaya ada pop up nya Dan yang kedua kita akan pakai yang namanya console log Console.log Misalnya disini Hey ho lagi Save Apa bedanya dengan alert Si console log ini akan muncul ke halaman yang berbeda Bukan di bagian pop up Kalau kalian ini save Jangan lupa ctrl S ya untuk nge save ya Kalau nggak di ctrl S atau nggak di save itu Nggak akan berubah Jadi pas kalian reload di sini tidak terjadi apa-apa. Tidak seperti alert bro. Kalau alert kan muncul pop up.

Kalau console log itu ada di bagian sini. Perhatikan. Klik kanan di browser kosongan ini.

Bagian inspect di klik di paling bawah sini. Akan muncul seperti ini ya bro. Sama kan ya.

Pergi ke bagian console sini. Lalu heho nya ada di sini. Nah ini yang dinamakan untuk kebutuhan troubleshooting ke depannya.

Biasanya kita kalau kerja itu troubleshootingnya kalau di bagian javascript itu via log atau console log seperti ini. Jadi nanti data ataupun apapun yang kita bikin itu biasanya muncul dulu di sini sebelum kita eksekusi untuk munculkan fitur-fiturnya ke dalam browser. Kedalam user interface yang bisa dilihat sama orang. Nah kalau di sini itu sebagai troubleshooting atau debugging di dalam proses pengembangan development web kurang lebih kayak gitu. Lalu di poin ketiga kita kali ini ada yang namanya prompt.

Kalau kalian disini ketikan prom. Lalu pakai kurung buka kurung tutup seperti ini. Lalu di dalamnya string.

Masukkan misalnya usia Anda. pakai tanda tanya save lalu kalian buka lagi browsernya prompt itu artinya akan memunculkan popup tapi sekaligus juga menyuruh usernya untuk mengisikan mengisikan isian popupnya apa ini gue close dulu by the way console.log nya kita refresh akan muncul seperti ini masukkan usia anda taruh disini 30 oke tidak terjadi apa-apa karena kita belum melakukan apapun terhadap sintaks yang udah kita bikin saat ini bro Baru cuma kayak ginian doang ya pastinya belum ada apa-apanya dong, belum ada interaksinya. Jadi kita masuk ke materi berikutnya yaitu variable. Ini di bawah sini gue akan bikin yang namanya variable.

Variable itu kurang lebih sebuah wadah untuk lo menampung sesuatu. Sesuatunya itu apa? Boleh inputan dari user ataupun sebuah nilai tertentu terserah kalian. Sesuai yang kalian pengenin gitu bro.

Contoh disini gue bakal bikin variable untuk menampung usia kita. Untuk membuat variable di javascript itu bisa pakai var spasi. Nama variablenya apa? Taruhlah usia. Lalu diikuti dengan sama dengan.

Setelah sama dengan adalah nilainya. Nilai usianya berapa? Taruh usia gue 30. Oke.

Kalau udah kayak gini di save aja. Untuk bagian prom itu gue akan hapus dulu. Seperti itu.

Untuk bagian konsolok gue akan pindahkan ke bawah. Ini di cut. Ctrl X. Ini di bawah kalian ctrl V. Pasti.

Oke. Setelah hey ho. Kalian tambahkan disini sedikit.

Hey ho usia kamu adalah. Spasi. Disini.

Pakai plus. Masukinlah variable ini. Usia kesini. Yang artinya. Hey ho usia kamu adalah plus usia.

Maksudnya disini adalah. Kita akan mencari tau. Nilai dari usia itu berapa sih? Makanya dipanggil di konsol. Usia kamu itu berapa?

Yang mana di sini nilai usia adalah 30. Maka nanti ke konsol akan muncul. Hei ho, usia kamu adalah 30. Kita coba ya. Save, terus pergi ke browser. Refresh.

Inspect element lagi. Terus pergi ke bagian konsol. Kalau nggak muncul, ini ada di bagian sini.

Konsol. Hei ho, usia kamu adalah 30. Artinya variable usia berhasil dibuat. Ini usia sudah berfungsi dengan variable bernilai 30. Nah untuk bikin variable itu ada banyak cara.

Yang pertama bisa pakai var untuk menampung variablenya. Atau menggunakan cons untuk menampung variable juga sama. Con x misalnya sama dengan 1. Dan juga ada let. Let y sama dengan 2 misalnya kayak gitu. Perbedaannya adalah kalau cons itu nilai ini nggak bisa diubah-ubah.

sama sekali, kalau late itu sama kayak var, late itu nilainya bisa berubah, cons itu kayak konstanta, kalau late itu kayak biarin lah ya kan, bahasa indonesianya late tuh biarin lah, mau diubah juga bebas kita kasih contoh bro ini gue hapus lagi semua, kita coba pake cons sama dengan eh sorry, cons usia sama dengan 30 kita save, kita refresh lagi browsernya, masih sama hasilnya Lalu kalau misalkan kita assign lagi nilai baru terhadap variable ini. Yang mana variable itu bisa ditimpah nilainya. Ini nilai awalnya adalah 30. Terus kita timpah usia sama dengan 35. Save.

Ini akan terjadi error karena usia sudah fix nilainya bro. Dengan variable bertipe konstanta ini. 30-nya itu sudah fix, tidak bisa diubah-ubah. Jadi ketika kita mau kasih tahu bahwa...

Di baris keempat itu usia harus diubah menjadi 35 Yang tadinya 30 Itu gak akan bisa Kalau kita save Terus kita reload lagi browsernya Maka akan terjadi error seperti ini Assignment to constant variable Itu gak bisa Karena variablenya bertipe konstan Kurang lebih kayak gitu Tapi kalau kita ganti const-nya jadi let Alias biarkanlah usia itu awalnya 30 Sisanya serah lu Mau ganti usianya jadi 35 berapapun itu serah Kalau kita save Terus kita reload Maka usia kamu adalah 35. Lobang 30-nya kemana? Aturannya begini bro, karena ini interpreted ya bro, disebutnya itu interpreted. Artinya, dia akan mengeksekusi satu per satu kode dari atas ke bawah. Pertama, kode ini akan dieksekusi nih, let usia sama dengan 30. Lalu yang kedua, usia, variable usia itu diganti nilainya jadi 35. Dan di sini console.log, usia, yang mana usianya adalah nilai usia terakhir itu berapa akan kita munculkan di sini. Yang terakhir kan 35. Karena dia ada di baris keempat, sedangkan let usia 30 itu ada di baris ketiga.

Jadi nilai terakhir dari variable usia adalah 35. Sehingga muncul ke bagian konsol itu juga 35. Bagaimana tentang variable? Cukup mudah bukan? Lalu kalau udah kayak gini kita coba combine semuanya. Misalkan ini kita nggak mau pakai console.log atau biarin lah console.lognya di sini.

Terus kita tambahin lagi di bawah itu bisa. Pakai misalnya alert. Alert usia. Jadi pas kita refresh browsernya.

35 oke kalau di konsol itu tetap hey ho usia kamu adalah 35 nah kalau pengen misalkan kayak yang di konsol ada tulisannya sama aja disini lu kasih kayak begini tambahin plus juga disininya lu kasih aja kayak macam usia kamu adalah save reload lagi usia kamu adalah 35 betul kalau pengen kita combine lagi dengan yang namanya prom jadinya seperti ini kita hapus semua ini oke kita bikin sebuah variable untuk menampung prompt ini agak bermain logik dikit buat kalian yang baru pertama kali mulai bahasa pemograman tadi udah gue ajarin basicnya, sekarang kita bermain pola pikirnya karena kita bisa menampung sesuatu di dalam sebuah variable artinya prompt yang tadi, prompt ini ya kayak gini, berapa usia kamu kalau kita save, kita reload kan dia suruh, mana ya, lo kok gak muncul ya oh kurang T, sorry, ini kurang T, prompt Awal kita save, terus kita reload. Berapa usia kamu? 3, 3. Nah, gue pengen setelah usernya meng-inputkan usianya berapa, gue pengen sistemnya bakal munculin pop-up usianya itu berapa sebenarnya. Jadi artinya prom ini kita masukin aja ke sebuah variable. Di sebelah kiri kita bikin dia let usia sama dengan yang tadi ya bro.

Nah, daripada kita mengetikan secara manual di sini usianya 30, Gue pengen tuh user aja yang ketikin usia lu berapa. Ntar dijawab sama sistem usianya sebenarnya berapa. Kayak gitu kurang lebih.

Disini tinggal kasih alert aja. Usia anda adalah plus usia. Sama aja kurang lebih.

Cuman kita masukin prompt ke dalam sebuah variable. Kalau udah di save, terus kalian reload lagi browsernya. Berapa usia kamu? Taruhlah 45. Kalau oke, muncul alert usia anda adalah 45. Berhasil?

Teman-temanku Oke kita lanjutkan Untuk yang ini Gue akan hapus dulu Bagian ini juga gue hapus Kita akan coba Cerita tipe data Di javascript itu Ada apa aja Tipe data itu Kurang lebih Value dari sebuah variable itu Bernilai apa Jenisnya Contoh Let x Jangan lah Let nama Sama dengan Pakai kutip seperti ini Dea Afriza Terus kalian bikin lagi Di bawahnya Misalnya let usia Sama dengan 30 Oke Terus kalian gabungkan di dalam sebuah konsolok menjadi seperti ini Atau alert boleh Nama Anda adalah plus Plusnya di luar Nama plus lagi Dan usia Anda adalah plus lagi Usia Kalau di save menjadi Nama Anda adalah Daya Frijal dan usia Anda adalah 30 Oke, nama ini bertipe string. Gue akan kasih komentar di sini. Tipe string.

Usia berarti tipenya adalah integer atau number. Integer number. Karena dia angka. Untuk angka itu nggak perlu pakai string seperti ini.

Kutip atau quote seperti ini nggak perlu. Karena dia bertipe angka. Misalkan gue punya tinggi badan. Let tinggi badan.

Nah, kalau dua. Dua kata seperti ini Dua suku kata Kata kedua itu gue huruf besar biasanya Atau ini tuh di bahasa pemograman disebutnya Camel case Jadi kata pertama itu huruf kecil semua Terus untuk kata keduanya Itu awalan Dari kata keduanya itu kapital Tinggi badan itu misalkan Gue pengen ada komanya Nah koma di dalam javascript itu bukan pake koma Di keyboard tapi pake titik Jadi misalnya tinggi badan gue 173 Titik 5 cm. Ini biasanya tipe double disebutnya. Atau float. Sebenarnya lebih kompleks lagi nanti kalau kita bahas double dan juga float.

Karena ada batasan-batasan tertentu. Tapi untuk saat ini kita cukup ketahui dulu bahwa ini adalah sebuah koma. Dengan menggunakan titik di keyboard kita. Bukan pakai koma.

Jadi ini bersifat number sebenarnya. Tapi numbernya itu bukan bilangan yang tanpa koma. Tapi ini bilangannya. Ada komanya Jadi biasanya itu disebutnya Double atau float Kurang lebih kayak gitu Lalu berikutnya Tipe datanya ada Kosong aja Jadi misalnya LED berat badan Udah gak pake sama dengan gak pake apa. Ini artinya belum ada nilai.

Atau ini apa namanya ya. Cuman dibikin dulu variabelnya. Dan nanti variabelnya akan diisi kapan-kapan.

Kayak gitu. Nanti akan kita contohkan pengisiannya seperti apa. Jadi biarkanlah seperti ini. Terus misalnya gue bikin lagi satu variabel.

Taruh aja namanya misalnya apa ya. Pacar. Pacar sama dengan gue belum punya pacar misalnya.

Gue kasih 0. 0 itu juga tipe data kalau di javascript. Ya agak sedikit aneh Null itu Gak tau lah Pendefinisiannya seperti apa ya Intinya kurang lebih Null itu tidak bernilai Atau tidak Kayak gimana ya Gue susah jelasinnya pak Null itu kosong lah Kurang lebih kayak gitu ya Gak ada apa-apanya Gitu Nah daripada Kita memunculkan Semua data ini Dengan cara plus plus plus Seperti ini Gue akan hapus ini Dan kita bikin dengan cara Yang agak sedikit mudah Alert Buka Kalian pakai backtick Di sebelah keyboard kalian Eh di sebelah Di sebelah angka Satu keyboard kalian Jadi sebelah kiri angka 1 di keyboard itu ada yang namanya backtick seperti ini. Kita akan masukkan satu persatu. Misalnya nama saya pakai dolar. Pakai kurawal seperti ini.

Masukkan variabelnya. Nama saya adalah nama. Nama saya nama.

Yang mana nama adalah diafrizzang. Lalu di sini misalkan usia saya itu dolar 30. Artinya usia saya itu. Eh kok 30? Sorry, sorry. Usia.

Usia saya itu usia, yang mana usia nilainya adalah 30. Lalu di sini tinggi badan saya adalah dolar. Apa isinya berarti? Tinggi badan. Huruf besar, kecil itu sangat berpengaruh.

Spasi juga sangat berpengaruh, titik koma dan segala macamnya. Jadi hati-hati ya. Nah di dalam coding itu sangat sensitif ya.

Antara spasi, salah kutip dikit, salah huruf dikit itu sangat berpengaruh. Ini pemanggilan harus sama persis seperti apa yang ada di atas ini. Jadi nggak boleh beda. Lalu terakhir. Itu yang berat badan dan juga pacar.

Misalkan di sini berat badan saya. Berat badan. Dan pacar saya.

Pacar. Kalau kita save. Ctrl S. Nah jadikan kayak gini ya. Ini kalian bisa enter sebenarnya bebas. Jadi intinya di dalam kurung ini.

Ada backtick dan isian dari apa yang mau kita munculkan ke browser. Kalau kita refresh browsernya. Ini gue close by the way.

Refresh. Muncul nama saya di Afri Jalus. Saya itu 30. Tinggi badan saya adalah 173,5.

Berat badan saya undefined. Dan pacar saya 0. Undefined kenapa? Karena belum ada value-nya di sini.

Ya. Oke. Undefined karena belum ada value-nya di variable berat badan. Coba kita refresh lagi.

Undefined ini artinya belum ada nilai. Kalau kita kasih nilai di bagian bawah sini. Berat badan sama dengan 100. Eh nggak 100 gua, cuma 60 kilo misalnya gitu. Jadi kalau untuk mengisi nilai variable-nya terakhir nanti kapan-kapan, itu nggak perlu pakai let lagi.

Jadi let ataupun cons ataupun var itu cuma dijabarin satu kali aja deklarasinya ya bro. Sisanya kalian tinggal panggil-panggil seperti ini tanpa harus pakai let, cons, kayak gitu-gitu lagi. Berat badan 60. Jadi kalau kita refresh browsernya itu akan berubah, bukan undefined lagi.

Nah supaya lebih lengkap lagi, tadi kita tambahin centimeter misalnya ya. Tinggi badan saya adalah tinggi badan cm cm Berat badan saya adalah berat badan cm Eh cm, kaget Kita save, cek browser, refresh Nama saya Dea Frijal, usia saya itu 30 Tinggi badan saya adalah 173,5 cm Berat badan saya 60 kg Dan pacar saya 0 Nah, karena gue gak mau pacar saya tulisannya 0 Maka kita akan langsung masuk ke yang namanya pengkondisian Oke Supaya di alert sini tidak muncul kondisi null, maka kita mesti validasi. Untuk validasi di dalam javascript itu kita pakai yang namanya if else. Atau ini biasa kita sebut pengkondisian di dalam bahasa pemograman.

Jadi codingannya kurang lebih di atas alert. Kenapa di atas alert? Karena alertnya itu kan di paling akhir. Kita butuh pacar saya ini harus tervalidasi dulu, terkondisikan dulu.

Supaya tidak muncul null, artinya di atas alert sini kita coding. If buka tutup seperti ini, artinya jika, nah ini kan logik nih, standar nih. Jika pacar sama dengan sama dengan 0, apa yang akan kita lakukan? Sama dengan sama dengan ini artinya komparasi atau perbandingan.

Jadi kalau mau bandingin variable dengan nilai tertentu atau dengan variable lainnya, itu pakai sama dengan sama dengan atau pakai tidak sama dengan. Tidak sama dengan artinya ya kayak apakah pacar tidak sama dengan? 2 atau pacar sama dengan 1 Tapi untuk kasus ini kita pakai sama dengan dulu Jika pacar sama dengan sama dengan 0 Karena tadi kita sudah belajar yang namanya assignment variable Atau mengisi nilai ke variable Maka Ini kan let nih, artinya kita bisa ubah-ubah nilai pacar.

Kita akan ubah pacarnya di sini. Jika pacarnya nilainya 0, kita akan ubah pacar sama dengan, satu aja sama dengannya, belum punya. Else, nah else itu adalah pengecualian lainnya. Else, pacar sama dengan, udah punya boleh lah kayak gitu.

Jadi kalau dibaca kurang lebih kayak gini. Jika variable pacar itu bernilai 0, yang mana yes, Saat ini variable pacar itu bernilai 0, jadi otomatis akan masuk ke kondisi pertama yang if ini. Karena kondisi dari variable pacar memang nilainya adalah 0. Jadi pacar akan diganti nilainya menjadi belum punya.

Yang tadinya 0 jadi belum punya. Tapi kalau pacar itu bukan 0, yang mana itu adalah di dalam else. Else itu artinya selain dari kondisi yang pertama. Kondisi pertamanya kan pacar sama dengan 0. Tapi selain dari kondisi tersebut, eksekusi yang ini. Yang mana pacar akan diubah menjadi udah punya.

Kalau kita save, maka pacar saya yang tadinya 0 akan berubah menjadi belum punya. Kita coba refresh browsernya. Lihat ini, pacar saya belum punya. Betul? Kalau misalkan gue ganti di sini bukan 0, taruh aja gue punya pacar 1. Maka kalau gue refresh lagi browsernya.

Dan pacar saya sudah punya. Kayak gitu ya. Kenapa sudah punya?

Karena di sini masuk ke kondisi yang else. Selain dari kondisi yang pertama. Ketika statement pertama atau kondisi pertama tidak terpecahkan. Alias tidak matching. Tidak sama.

Tidak cocok. Maka akan masuk ke yang else. Else itu artinya selain dari kondisi-kondisi yang ada. Dan ada jenis pengkondisian yang lainnya bisa pakai yang namanya switch.

Nah ini kan if else. Kalau kita mau pakai switch. Ini gue komen dulu ya. Ini block.

Control slash Lalu gue bikin disini Switch Kayak begitu bro Buka tutup Kurawal Enter Diikuti dengan Cash Dan juga Break Cash disini nanti bakal pake titik 2 Jadi tunggu aja Untuk switchnya di dalam buka tutup ini Apa sih yang mau kita compare Yang mau kita compare adalah pacar Seperti itu Pacar Nah cash adalah kasusnya Pacar adalah statementnya. Jika pacar dengan perilaku seperti apa di sini, misalnya gitu ya. Jika pacar case-nya 1, titik 2, apa yang akan dilakukan? Contoh di sini gue akan melakukan replacement lagi. Pacar diganti jadi punya 1 aja.

Lalu, kalau ada case berikutnya, kita bikin di bawah break sini case 2. Kalau pacarnya 2, apa yang akan kita lakukan? Pacar akan kita replace dengan punya pacar 2. Aku cukup playboy. Lalu kita break lagi di sini.

Lalu di sini ada kondisi default. Default break.2 Defaultnya pacar sama dengan... Belum punya pacar. Yang artinya selain 1 dan 2, secara default atau secara bawaan pabrik, itu pacar akan bernilai belum punya pacar. Tapi kalau pacarnya bernilai 1, yang mana sekarang kan pacarnya bernilai 1 nih, maka akan diganti pacarnya jadi punya 1 aja.

Yang tadinya number diganti jadi string seperti ini ya, tipe datanya. Lalu di break artinya yaudah gitu, statement 1 kelar. Lanjut ke statement 2. Kalau pacarnya punya 2, yang mana sekarang nilainya bukan 2, jadi nggak akan masuk sini sebenarnya.

Tapi kalau andai kata dia 2 nilainya, maka akan masuk ke sini. Replacement variable pacar menjadi string dengan isian nilai punya pacar 2, aku cukup playboy. Dan kondisi standarnya, jika tidak memenuhi nilai 1 dan nilai 2, maka kondisi default dari pacar adalah bernilai belum punya pacar. Kalau kita save, kita reload lagi browsernya.

Nama saya D. Afrijal, usia saya 30 dan berat baru blablabla Dan pacar saya punya 1 aja Sesuai ya, karena disininya juga 1 Dan masuk ke kondisi yang 1 Nah kalau disini gue ganti jadi 2 Kita save dan kita coba refresh browsernya Harusnya masuk ke kondisi yang ini ya Yang playboy Kita coba reload Boom Aku cukup playboy Saya punya pacar 2, aku cukup playboy Dan kalau misalkan disini gue ngacoin Segini misalnya Sorry Gua save selalu masuk ke bagian sini. Karena gak match ke. Maksudnya gak masuk ke kondisi pertama. Gak masuk ke kondisi kedua.

Jadi akan selalu masuk ke yang default. Mau ini isinya apapun selain 1 dan 2. Belum punya pacar. Kita coba refresh.

Belum punya pacar. Kurang lebih kayak gitu. Sama aja sebenernya kayak if else. Cuman kalau yang switch itu pengkondisiannya kayak gini aturan mainnya.

So gua akan balikin ini pake if else lagi. Karena menurut gua lebih relevan aja. Kalau untuk kasus seperti ini pake. if else, gue delete ini dan kita buka yang ini dengan cara ctrl slash oke, kita akan tambahkan satu alert lagi disini untuk memunculkan saldo kita ceritanya jadi gue akan bikin disini satu variable baru dibawah sini let saldo awal sama dengan misalkan gue punya duit 50 ribu let saldo tambahan sama dengan 3 atau 80 ribu Lalu gue akan bikin alert baru disini untuk memunculkan saldo awal dan saldo tambahan Pakai backtick lagi Saldo awal saya sebesar pakai dollar kurung kurawal saldo awal Dan saldo tambahan yang akan saya miliki sebesar Dolar kurung kurawal saldo tambahan. Save dulu.

Jadi kita punya 2 alert. Dan kalau sudah di save kita cek lagi browser. Alert pertama itu akan muncul duluan.

Seperti yang tadi. Lalu pas di oke akan muncul alert kedua. Saldo awal saya sebesar 50 ribu.

Dan saldo tambahan saya yang akan saya miliki sebesar 80 ribu. Kalau kita oke berakhir. Nah kita tambahin dulu rp disini biar agak enak ya. rp.

Dan juga rp. sebelah sini biar lebih. Relevan Refresh Oke Saldo awal saya sebesar 50 ribu Dan juga saldo tambahan sebesar 80 ribu Gue pengen disini Kita tambahkan Jadi total saldo yang saya miliki Adalah sebanyak Nah Sebanyak titik-titik gitu ya Titik-titiknya Gimana caranya Kita akan bermain yang namanya operator disini bro Untuk tahu berapa totalnya, berarti kan tinggal ditambahin aja. Nah, cara menambahkannya kita bikin dulu satu variable penampung nilai akhir dari saldo kita. Kita akan pakai cons di sini.

Nilai saldo akhir sama dengan saldo awal ditambah saldo tambahan. Artinya variable saldo akhir adalah sebuah rumus. Rumusnya adalah saldo awal ditambah saldo akhir.

Kayak Microsoft Excel, bro. Kurang lebih kayak gitu. Kalau sudah di save, jadi di sini sebanyaknya adalah sebanyak rp.panggil kurung-kurawal saldo akhir.

Kalau sudah di save, kita cek lagi ke browser. Refresh. Oke. Dan saldo akhir yang saya miliki adalah sebanyak 130.000 rupiah.

Sudah sesuai. Apakah kalian berhasil? Oke, kita akan lanjutkan lagi.

Misalkan di sini kalian punya hutang. Jadi, Kita akan bermain yang namanya operator ya kan plus minus kali bagi kayak gitu-gitulah standar Sebenarnya kalau di codingan untuk level yang saat ini nggak begitu rumit Jadi taruhlah disini kalian punya hutang, cons hutang sama dengan Kalian punya hutang misalnya 30 ribu dah, 30 ribu Artinya saldo akhir itu apa? Saldo awal ditambah saldo tambahan dikurangin hutang, betul?

Kurangin hutang Jadi mestinya 5 plus 8 kan 13 nih Dikurangin 30 ribu Jadinya 10 ribu Harusnya 100 ribu terakhir ya kan Kita coba reload lagi browsernya Reload yang kedua Jadi saldo yang saya miliki adalah sebanyak 100 ribu rupiah Karena ada hutangnya Kalau misalkan pengen kali-kali yaudah lah Kalian bikin lagi aja disini misalnya Cons X sama dengan 3 Cons Y sama dengan 5 Cons Z Sama dengan X dikali Y. Misalkan kayak gitu. Untuk memunculkan Z-nya berarti tinggal di sini alert Z. Atau kalau pengen lebih bagus lagi ya. Kayak pakai backtick lagi tadi gitu bro.

Misalkan nilai X sama dengan X. Dan nilai Y sama dengan Y. Maka hasilnya adalah Z.

Nilai X sama dengan X dikali nilai Y sama dengan Y, maka hasilnya adalah Z. Kalau kita save, alert pertama itu akan muncul yang ini, sisanya sama saja seperti tadi. Lepas kita reload, nilai X semenan 3 dikali nilai Y semenan 5, maka hasilnya adalah 15. Kalau dibagi, ini kita bagi. Misalnya X dibagi Y, taruhlah X-nya 9. Y nya 3. Jadi kalau kita save otomatis. Ini ganti dulu nih.

Tadinya kali jadi dibagi. Nilai X dibagi nilai Y. Maka hasilnya adalah. Kita refresh. Nilai X semenanian 9 dibagi nilai Y semenanian 3. Maka hasil akhirnya adalah 3. Kalau misalkan ininya 2 gimana akan 9 dibagi 2?

Susah tuh 4,5. Munculnya apa di sini? Kita coba aja save gitu bro. Reload lagi browsernya. Nah nilai X semenanian 9. nilai nya sebenarnya 2 maka sih akhirnya 4.5 berubah tipe datanya yang tadinya integer menjadi float atau double atau desimal gitu kurang lebih ya walaupun sebenarnya sama-sama aja masih number juga number oke karena ini udah mulai mumet kita hapus semuanya inget-inget aja atau kalian playback videonya ulang lagi ke belakang kita akan belajar ketapan berikutnya yang namanya array variable bersifat array var eh sorry var majadul ya jadi var itu udah gak terlalu dipake sekarang di javascript disebutnya udah deprecated gitu ya bro Dan sekarang itu diganti ke let jadinya Untuk standarnya Kok ket sih let Dan cons ya let dan cons Taruh lah disini kita punya let nama guru Sama dengan Untuk array itu kita pakai kayak beginian Siku-siku Di dalam array itu bisa menampung banyak nilai Jadi satu variable array itu bisa menampung nilai berjumlah banyak Nilainya mau apapun bebas Taruh lah Nama guru pertama adalah Jody pakai quotes dulu seperti biasa di dalam siku ya setelah quotes itu pakai koma artinya ini adalah nilai kedua dari variable nama guru yang pertama jodi yang kedua bunga lalu koma lagi spasi quotes lagi misalnya ini siapa?

rahman dah 3 biji aja dulu lalu kalau kita alert alert nama guru save reload lagi browsernya refresh jodi bunga rahman oke Arai itu selalu kaitannya sama siku-siku. Jadi kalau misalkan kita mau manggil arai yang ke pertama ini, Jodi, maka di sini kita pakaiin siku seperti ini. Jodi itu ada di urutan keberapa? Ini urutan pertama, ini urutan kedua, urutan ketiga. Itu secara bahasa manusia.

Tapi kalau di dalam bahasa pemograman, itu angka pertama mulai dari 0. Jadi urutan pertama itu bukan 1, tapi 0. Ini 0, ini 1, ini 2. Kalau kita mau manggil Jodi, itu di sininya berarti 0. Artinya nama guru yang muncul ke bagian pop up itu hanya nama guru dengan urutan ke 0. Ini namanya array ya bro ya. Kita coba reload. Jody yang muncul di sini. Kalau kita pengen Rahman berarti kita harus tahu urutannya. Jody bunga Rahman.

Rahman ke bukan ketiga bro. Tapi kedua. Karena dari sini kan 0, 1, 2. Jadi di sininya pakai 2. Seperti ini. Save.

Kita reload lagi. Peng. Rahman. Kalau bunga berarti dia ada di nomor 1. 0, 1, 2. Save. Kalau kita reload.

Bunga. Berhasil ya. Nah kalau kita mau tambahin isi arraynya itu kayak gimana? Bisa di sini.

Kayak gini lagi. Atau kita bisa tambahkan di luar. Contoh.

Di sini gue pengen nama guru itu bertambah. Dari tadinya 3. Sekarang kita tambahin beberapa biji. 2 misalnya. Jadi kita ketik aja nama guru. Titik push.

Yang artinya push itu untuk masukin nilai baru ke dalam sebuah variable array. Nah push ini push kemana? Push ke nama guru.

Masukin di sini string secara langsung. Taruhlah kita akan memasukkan dea. Dan juga kita akan memasukkan fikri. Kalau kita save, jangan lupa pemanggilannya kita munculin semua dulu. Supaya memastikan bahwa dea dan fikri masuk ke dalam list nama-nama guru.

Karena kita sudah push lewat metode ini. Kita save dan reload browsernya. Sekarang sudah bertambah jodi bunga rahman dea fikri.

Kalau kita mau hilangkan nilai pertama di dalam arai ini, urutan ke 0, urutan pertama atau indeks ke 0, itu disebutnya urutan itu disebutnya indeks. Kalau di bagian looping lagi, kalau di bagian apa ini namanya teh? Arai. Jadi indeks ke 0 itu jodi akan kita hapus dengan cara seperti ini.

Nama guru.sieve. Yang artinya jodi akan hilang. Sekarang kita reload lagi.

Bunga Rahman Daya Fikri. Jodinya sudah hilang. Betul? Kalau misalkan yang terakhir pengen dihilangkan. Si Fikri ini kan yang terakhir nih.

Kalau kita mau hapus. Berarti pakai disininya nama guru.pop. Untuk menghapus yang terakhir.

Jadi kalau menghapus yang awal itu shift. Kalau menghapus yang akhir itu pop. Kalau kita reload.

Sekarang cuma ada bunga Rahman dan Daya. Bunga Rahman dan Daya. Kita juga bisa menggunakan metode lain untuk membuat array. Contohnya misalkan kita punya variable yang nilainya masih kosong.

Arraynya Let Nama guru Sama dengan Kosong seperti ini Lalu kita isi Di luar Nanti isinya Misalnya kayak gini Nama guru Indeks ke 0 atau urutan pertama itu siapa? Misalnya Dea. Nama guru urutan ke 2 atau indeks ke 1 itu misalkan Fikri. Lalu kalau kita alert nama gurunya, maka yang terjadi adalah kalau kita refresh Dea dan Fikri. Jadi sama aja kayak tadi, tapi ini karena kebetulan nama gurunya itu bersifat let, artinya bisa ditimpah lagi nilainya.

Jadi yang awalnya nilainya kosong itu kita isi dengan cara seperti ini. Yang artinya nama guru di urutan pertama itu diisi dengan dea. Nama guru di urutan kedua alias indeks 1 itu diisi dengan nilai fikri.

Kalau misalkan kita mau hapus lagi nilai pertama itu sama aja. Nama guru titik shift. Jadi dea bakalan hilang. Refresh. Fikri doang tersisa.

Kalau pengen hapus fikri berarti pop. Kayak gitu. Refresh. Sisa dea. Kurang lebih kayak gitu bro.

Oke sekarang kita akan hapus ini semua karena kita akan belajar yang namanya looping. Yang pertama kita akan belajar yang namanya for loop. Jadi looping ini untuk mengulang sesuatu berkali-kali. Kita contohkan dulu kalau tanpa for loop ya.

Misalkan disini gue punya alert atau punya console.log deh. Kita main console.log sekarang. Nama saya Dea. Oke save. Terus kita buka browser.

Bagian inspect element. Kita cek kalau console.log seperti biasa Pergi ke sini Nama saya Dea Nah kalau gue pengen nama Deanya muncul 3 kali 1, 2, 3 Dengan cara copy paste aja gitu bro ya Ini di block Ctrl C Enter Ctrl V Enter lagi Ctrl V Enter lagi Ctrl V Untung gak salah nyebut anjir 1, 2, 3, 4 Sebanyak 4 kali Karena dia terlooping sebanyak 4 kali Kita coba reload Ya kan? 1, 2, 3, 4 Nah kalau dengan for kita nggak perlu capek-capek Ngetik satu per satu seperti ini Oke jadi tahapan pertamanya adalah Kalian ketikan for yang artinya itu untuk meluping Yang artinya kita akan mengulang data sebanyak Sekian kali terserah kita maunya berapa Jadi tahapannya ada 3 biji statement yang harus kalian tulis disini 3 statement Statement pertama itu Ya udah langsung aja sini ya Kita bikin satu variable Statement pertama itu untuk initialisasi variable Jadi taruhlah disini Ada variable bernama i I Dengan nilai awal sebanyak 1 atau 0. Nilai i awal itu 0. Titik koma.

Lalu statement keduanya adalah perkondisiannya. i akan berhenti ketika kapan? i akan berhenti jika i kurang dari sama dengan 10 misalnya.

Titik koma. Lalu apa yang akan kita lakukan? Di sini adalah i sama dengan i plus 1. Contohnya seperti ini. Lalu pakai kurung-kurawal. Nanti gue bacain deh kayak gimana keterangannya ya.

Dan di sini kita akan meluping console.log sebanyak. Berapa kali disini? 10 ya Dengan isian daya afriza Jadi kalau ini dibaca kurang lebih Variable pertama itu i Bernilai 0 di awal kali Sebelum ini terluping Lalu jika i nya kurang dari 10 Maka apa yang akan dilakukan?

I nya akan ditambahkan nilai i ditambah 1 Yang artinya misalkan ya 0 terus akan terluping sekali Berarti 0 nya plus 1 jadi 1 Lalu 1 akan lanjut lagi Menjadi 1 plus 1 1 jadi 2. 2 akan dilanjut lagi. Jadi 2 plus 1 jadi 3. Sampai mencapai ke kondisi yang ada di tengah sini. Statement kedua. Yang mana statement kedua adalah kondisinya. Jadi i akan berhenti kalau nilai i-nya itu kurang dari 10. Sorry kalau kayak gini berarti kalau kita baca.

Itu nilainya nggak akan sebanyak 10. Tapi sebanyak 11. Karena di sini mulainya dari 0. 0 sampai ke 10 itu akan jadi 11. Nggak 0, 1, 2, 3. Lu hitung deh. Itu bakal 11 nilainya. Tapi kalau di sini yang 1. 1 sampai ke kurang dari sembarangan 10 artinya dia akan mencapai 1, 2, 3, 4, 5, 6, 10 berarti 10 biji daya frizalnya jadi kalau kita save dan kita reload ini akan muncul sebanyak 10 kali nah 10 daya friza kalau misalkan ininya 20 maka ini akan berubah jadi 20 20 daya friza itu untuk perulangan menggunakan for yang fungsinya supaya kita gak harus ngetik console.log sebanyak 20 kali ya kali lu ketik 20 biji anjir console.log sepanjang itu males juga ya kan jadi mending diluping aja sebanyak Ini gitu kurang lebih bro Nah kalau misalkan kita punya data array disini Cons Misalkan nama guru yang tadi ya sama dengan Dea Fikri Misalkan Retno Sama Bunga Ada 4 ya kan Terus Kita Console log ini Taruh lah ini gue komen dulu Gue console log nama gurunya disini Console.log Nama guru Yang muncul ke bagian console Akan menjadi Seperti ini.

0, 1, 2, 3 Nah sedangkan nanti ketika kalian kerja itu kasusnya gak akan kayak gini Pasti harus di mapping disebutnya tuh Nah salah satu cara mappingnya tuh bisa Eh dengan banyak metode pastinya Tapi bisa juga pakai for Kalau pakai for artinya begini Ini gue hapus dulu konsolnya Kita buka lagi fornya I itu pertama bernilai 1 Lalu I kurang dari 20 Nah ini 20 nya kita ganti nih Supaya kita bisa mapping data ini Sebanyak jumlah data yang ada di array sini Nah untuk mengetahui jumlah data yang ada di array sini, kita console.log dulu di sini. Console.log nama guru.length. Yang artinya supaya kita bisa tahu jumlah panjang data dari sebuah array. Kalau kita reload, maka ada 4 jumlah datanya. Nah supaya dinamis, 20 ini kita ganti jadi nama guru.length.

Titik length. Nama guru.length. Kayak gitu.

I sama dengan I plus 1 atau kita bisa ganti dengan cara I plus plus. I plus plus itu artinya I sama dengan I plus 1. Penulisan di sebuah kodingannya biar lebih sederhana pakai I plus plus. Untuk bagian console.log kita bisa hapus saja.

Nah lalu kita console.log di sini nama gurunya. Ini hapus isiannya. Nama guru dalam kurung alias siku-siku. Karena kita mau memapping datanya sebanyak I.

Sesuai dengan. Apa yang ada di dalam sini. Kalau kita reload maka.

Fikri Retno Bunga Undefined. Undefined itu siapa? Dea.

Kenapa? Karena mulainya dari 1 bukan dari 0. Jadi kita mulai dari 0. Kalau kita reload. Maka Dea Fikri Retno Bunga. Ini Undefined apa?

Karena kita pakai sama dengan di sini. Jangan pakai sama dengan. Kita reload.

Dea Fikri Retno Bunga. Aman muncul di sini. Kalau dibaca kurang lebih kayak begini bro. Pertama, nilai i atau urutan itu 0 ya kan. Terus i akan diluping sebanyak jumlah data yang ada di sini.

Lalu ditambahkan i-nya. Lalu yang kita konsolog adalah nama guru indeks keberapa. Nah, di sini kan tuh nilai i bertambah terus nih bro. I pertama itu sama dengan 0. Terus i kedua sama dengan 1. I ketiga sama dengan 2 ya kan.

I1, i2, i3 sampai seterusnya i4. Nah artinya ketika kita konsol log yang ini nama guru i ini kan terluping terus nih. Si i ini akan ngikut ini sebenarnya. Jadi akan kayak gini nih 0 1 2 3 terluping sebanyak 4 kali sampai ke nilai i yang ada disini secara dinamis.

Jadi bakal muncul si semua ini gurunya. Tapi kalau disini gue pakai manual kayak gini nama guru urutan ke 0 yang artinya itu dia ya tetap aja bro. Oke ya.

Kayak gini malah dianya doang yang diluping 4 kali Kalau misalkan disininya 1 Berarti si pikri akan terluping sebanyak 4 kali Sedangkan kita meluping ini semua Supaya muncul terpecah-pecah semuanya Jadi disininya sebanyak i Kayak gitu Dan kayak gitu hasilnya Cukup pusing kan untuk bagian for kalau digabung sama array Nah nanti kalau kerja pun gitu Penggabungannya bukan cuma sekedar for dengan array Nanti bahkan ada objek Ada segala macem segala gitu Cuman tutupan awal kayaknya belajarnya Gin dulu aja. Supaya ada gambaran kurang lebih kayak gimana. Ini juga udah mungkin cukup pusing bagi kalian yang baru pertama kali ngoding.

Tapi kalau kalian cukup mengerti. Ya itu berarti ada pertanda baik ke depannya gitu. Masa depannya lumayan cerah. Tapi kalau masih bingung.

Silahkan dicoba-coba dan dipahami di playback terus-menerus ya bro ya. Nah untuk looping gak cuma for. Ada juga yang namanya while. Jadi kita akan coba disini pake while.

Ini gue komen dulu ya. Untuk cons-cons ini. Ini gue hapus aja dah.

Gue hapus. While itu sama aja. Jadi.

Pertama sintaknya seperti ini while. Lalu kurawal. Kayak gitu.

While kita bikinlah disini variable di luar while ya. Taruh variable i sama dengan 0. Boleh. While i kurang dari 10. Apa yang akan kita lakukan? Kayak tadi aja sama. Console.log.dea.result.

Jangan lupa tambahkan disini i++. Jadi ini kalau dibaca. Kita punya nilai i. Pertama kali nilai i nya itu 0 Terus kita looping dengan metode while Dia akan berhenti Jika i nya bernilai 10 Jadi kurang lebih kondisinya ada disini Dan tereksekusi disini Jadi kalau kita save Kalau ini gue ganti jadi 20 Sama aja sebenarnya Nah berbeda dengan yang do while Ini while ya Kalau do while itu agak beda Jadi kalau do while itu sintaksnya seperti ini Do lakukan apa While gimana jadi do lakukan dulu misalnya console.log Dia of result. While.

While i sama dengan kurang dari 10. Taruh lah. Ini while yang ini gue hapus ya. Ntar kita bakal tau bedanya apa. Jangan lupa ditambahkan disini i plus plus. Sorry disini.

Lakukan penambahan i. Lakukan penambahan nilai i yang tadinya 0. Sampai i nya bernilai kurang dari 10. Yang tadinya 0. Bedanya kalau do itu akan dilakukan dulu. Dieksekusi dulu sekali ini penambahannya. Baru dia akan mencari kondisinya.

Kalau yang while, dia akan mencari kondisinya dulu baru mengeksekusi. Tapi kalau yang do, itu dia eksekusi dulu 1 kali di sini. Baru ngecek ke kondisi.

Jadi kalau kita reload, itu masih sama aja kayak gini. Cuman kalau kondisinya nggak matching nih ya. Taruh di sini 10. Terus gue reload. Maka dia akan tereksekusi dia afrijal 1 kali.

Sedangkan di sini kondisinya 10. Tapi di sini while-nya ketika i kurang dari 10. Sedangkan di sini i kan 10. Jadi harusnya tidak ada yang tereksekusi. Tapi kalau kita pakai while. Ini aman.

Kalau pakai do itu bakal tereksekusi 1 kali. Kalau pakai while. Ini gue pakai while lagi ya.

While. I kurang dari 10. Lakukan I++. Consolog.

DA. Afrizzal. Nah kalau tadi kan.

Muncul ya DA afrizzal disini. Ini kalau gue reload. Dia gak akan muncul. Karena. Dia itu akan mencari kondisi ini dulu.

Ya, kondisinya ini kan nggak cocok, bro. I kurang dari 10 kan nggak? Ini kan 10, sama dengan 10. Bukan kurang dari 10. Kurang dari 10 itu 9, 8, 7, 6, 5, 4, 3, 2, 1. Kayak gitu. Nah, jadi si while itu nggak akan mengeksekusi codingan yang ada di dalam sini.

Kecuali kondisinya cocok. Tapi kalau do while, mau kondisinya kayak gimana pun, dia akan mengeksekusi terlebih dahulu 1 kali. Baru dia akan pergi ke kondisinya. Gitu kurang lebih ya. Oke untuk terakhir ada tugas kecil buat kalian semua Jadi tugasnya kurang lebih kayak begini Akan gue contohkan Pertama kita akan pakai yang namanya prom Untuk mengetahui Sorry ini kita ganti tugas kecil Prom untuk mengetahui saldo akhir Dari apa yang di inputkan oleh user Oke ini tugas pertama Lalu tugas kedua adalah menentukan hari dari tanggal yang ada saat ini di komputer kalian di PC kalian Oke gue akan kasih clue nomor dua kalau nomor satu kan itu mudah ya nomor dua itu kita harus cari tahu dulu sekarang itu tanggal berapa Jadi kalau gua bikin penampungan variabel disini let hari sama dengan new date ya begini kita save console.log harinya biar tahu bener atau enggak kita refresh browsernya nih harinya adalah Monday Februari 06 2023 nah kita tuh butuh monnya mondaynya harinya supaya kita bisa tahu ini tuh hari apa hari keberapa gitu ya jadi di sini gua kasih clue aja satu variabel hari dengan cara codingnya seperti ini get that get day sorry kayak begini dan kalau kita console.log ini artinya objek dari javascript disononya ya bro ya kita panggil supaya kita bisa tahu hari apa sekarang kalau kita reload Dia akan muncul 1 karena sekarang hari Senin.

Tapi kalau gue ubah ini hari gue jadi Selasa, dia akan 2, 3, 4, 5, 6, sampai 7. 7 itu Minggu. Jadi hasil akhirnya kalian harus bisa memunculkan kayak begini kurang lebih. Hari ini adalah hari 1. Nah, satunya ini ganti jadi Senin.

Kalau dua berarti jadi selasa Kalau tiga jadi rabu Kayak gitu-gitu Ini mau konsolog Mau alert juga boleh Terserah kalian Tugasnya kurang lebih itu aja Untuk kalian Silahkan diulik semuanya Dan nanti kalau udah kelar Silahkan tag Instagram gue Dea.afrizal Kalian tag aja hasil tugasnya Untuk nomor satu dan nomor dua Kalau berhasil Gue akan restore ya bro ya Kurang lebih kayak gitu Untuk belajar Javascript Di video kali ini Mungkin nanti akan ada lanjutan di part 2 nya Masih untuk pemula Sampai nanti kita akan belajar Yang advanced series nya Semoga bermanfaat buat kalian Jangan lupa di klik tombol subscribe nya Dan juga loncengnya Karena gue akan update terus setiap hari Seputar bahasa pemograman Ataupun teknologi lainnya Thank you banget udah nonton tutorial ini Sampai akhir Buat kalian yang struggling Sampai sekarang Dan mencoba-coba Walaupun error Tapi tetap mencoba Tetap semangat Karena gue yakin Suatu saat lo akan berhasil Yang penting teliti Dan juga cermati Apa yang kalian ketik Dan Perhatikan aja, beda koma itu ngaruh, beda titik itu ngaruh, beda spasi itu juga ngaruh, huruf gede, huruf kecil itu juga berpengaruh. Jadi silahkan di troubleshooting sendiri. Semoga bermanfaat, sampai jumpa di lain waktu.

Semoga harimu menyenangkan. Salam gobles, kurung kurawal, bye-bye.

Transcript for:Belajar Dasar Bahasa Pemrograman JavaScript

Transcript for:
Belajar Dasar Bahasa Pemrograman JavaScript