From b353da03b28387be1a22117207d21fb137ddbdf3 Mon Sep 17 00:00:00 2001 From: salahudinalayubi Date: Tue, 6 Nov 2018 22:57:41 +0700 Subject: [PATCH] seluruhan latihan dan tugas niomic --- 1. mengenal var, let dan const/index.js | 11 +++ 10. Cek Tipe Data/index.js | 19 +++++ 11. Comment/index.js | 5 ++ 12. Operator/index.js | 17 ++++ 13. IF ELSE Berdasarkan Tipe Data/index.js | 13 +++ 14. Manipulasi Array dengan Shift/index.js | 17 ++++ 15. Manipulasi Array dengan Pop/index.js | 15 ++++ 16. Manipulasi Array dengan Push/index.html | 17 ++++ 16. Manipulasi Array dengan Push/index.js | 24 ++++++ 17. Manipulasi Array dengan Splice 1/index.js | 7 ++ 18. Manipulasi Array dengan Splice 2/index.js | 11 +++ 19. Manipulasi Array dengan Unsift/index.js | 7 ++ 2. function/index.js | 47 +++++++++++ 20. IndexOf/index.js | 8 ++ 21. Concat/index.js | 9 ++ 22. Split/index.js | 9 ++ 23. Join/index.js | 10 +++ 24. Reverse/index.js | 9 ++ 25. Modulus/index.js | 7 ++ 26. Modulus genap/index.js | 26 ++++++ 27. Modulus Ganjil/index.js | 25 ++++++ 28. Modulus Kelipatan/index.js | 11 +++ 29. Perulangan Foreach/index.js | 22 +++++ 3. if dan else/index.js | 0 30. Perulangan MAP/index.js | 11 +++ 31. For vs Foreach vs MAP/index.js | 22 +++++ 32. Filter/index.js | 52 ++++++++++++ 33. Function Parameter/index.js | 28 +++++++ 34. Studi Kasus (Balik kata)/index.js | 8 ++ 35. Tugas (Balik kata)/index.js | 11 +++ 36. Tugas (Manipulasi angka)/index.js | 24 ++++++ .../index.js | 18 ++++ 38. Tugas (Looping dan Nested Array)/index.js | 24 ++++++ 39. Regular Expression (RegExp)/index.js | 8 ++ 4. Switch Statement/index.js | 20 +++++ 40. RegExp (Flags i)/index.js | 22 +++++ 41. RegExp (Flags g)/index.js | 31 +++++++ 42. Tugas (RegExp)/index.js | 11 +++ 43. RegExp (Replace + Tugas)/index.js | 6 ++ 44. RegExp (Test + Tugas)/index.js | 23 +++++ 45. RegExp (Huruf Angka Spasi)/index.js | 13 +++ 46. RegExp (NOT Huruf Angka Spasi)/index.js | 20 +++++ 47. RegExp (Karakter Spesifik)/index.js | 13 +++ 48. DOM/app.js | 1 + 48. DOM/index.html | 14 ++++ 49. DOM (Function)/app.js | 5 ++ 49. DOM (Function)/index.html | 14 ++++ 5. For/index.js | 84 +++++++++++++++++++ 50. DOM (Event)/app.js | 5 ++ 50. DOM (Event)/index.html | 14 ++++ 51. DOM (Log Event)/app.js | 5 ++ 51. DOM (Log Event)/index.html | 14 ++++ 52. DOM (getElementById)/index.html | 23 +++++ 52. DOM (getElementsByClassName)/index.html | 20 +++++ 53. DOM (QuerytSelector)/index.html | 22 +++++ 6. Array/index.js | 23 +++++ 7. Nested Array/index.js | 31 +++++++ 8. Object Oriented Programming/index.js | 13 +++ 9. Array di dalam Object/index.js | 14 ++++ 59 files changed, 1013 insertions(+) create mode 100644 1. mengenal var, let dan const/index.js create mode 100644 10. Cek Tipe Data/index.js create mode 100644 11. Comment/index.js create mode 100644 12. Operator/index.js create mode 100644 13. IF ELSE Berdasarkan Tipe Data/index.js create mode 100644 14. Manipulasi Array dengan Shift/index.js create mode 100644 15. Manipulasi Array dengan Pop/index.js create mode 100644 16. Manipulasi Array dengan Push/index.html create mode 100644 16. Manipulasi Array dengan Push/index.js create mode 100644 17. Manipulasi Array dengan Splice 1/index.js create mode 100644 18. Manipulasi Array dengan Splice 2/index.js create mode 100644 19. Manipulasi Array dengan Unsift/index.js create mode 100644 2. function/index.js create mode 100644 20. IndexOf/index.js create mode 100644 21. Concat/index.js create mode 100644 22. Split/index.js create mode 100644 23. Join/index.js create mode 100644 24. Reverse/index.js create mode 100644 25. Modulus/index.js create mode 100644 26. Modulus genap/index.js create mode 100644 27. Modulus Ganjil/index.js create mode 100644 28. Modulus Kelipatan/index.js create mode 100644 29. Perulangan Foreach/index.js create mode 100644 3. if dan else/index.js create mode 100644 30. Perulangan MAP/index.js create mode 100644 31. For vs Foreach vs MAP/index.js create mode 100644 32. Filter/index.js create mode 100644 33. Function Parameter/index.js create mode 100644 34. Studi Kasus (Balik kata)/index.js create mode 100644 35. Tugas (Balik kata)/index.js create mode 100644 36. Tugas (Manipulasi angka)/index.js create mode 100644 37. Studi Kasus (Looping dan Nested Array)/index.js create mode 100644 38. Tugas (Looping dan Nested Array)/index.js create mode 100644 39. Regular Expression (RegExp)/index.js create mode 100644 4. Switch Statement/index.js create mode 100644 40. RegExp (Flags i)/index.js create mode 100644 41. RegExp (Flags g)/index.js create mode 100644 42. Tugas (RegExp)/index.js create mode 100644 43. RegExp (Replace + Tugas)/index.js create mode 100644 44. RegExp (Test + Tugas)/index.js create mode 100644 45. RegExp (Huruf Angka Spasi)/index.js create mode 100644 46. RegExp (NOT Huruf Angka Spasi)/index.js create mode 100644 47. RegExp (Karakter Spesifik)/index.js create mode 100644 48. DOM/app.js create mode 100644 48. DOM/index.html create mode 100644 49. DOM (Function)/app.js create mode 100644 49. DOM (Function)/index.html create mode 100644 5. For/index.js create mode 100644 50. DOM (Event)/app.js create mode 100644 50. DOM (Event)/index.html create mode 100644 51. DOM (Log Event)/app.js create mode 100644 51. DOM (Log Event)/index.html create mode 100644 52. DOM (getElementById)/index.html create mode 100644 52. DOM (getElementsByClassName)/index.html create mode 100644 53. DOM (QuerytSelector)/index.html create mode 100644 6. Array/index.js create mode 100644 7. Nested Array/index.js create mode 100644 8. Object Oriented Programming/index.js create mode 100644 9. Array di dalam Object/index.js diff --git a/1. mengenal var, let dan const/index.js b/1. mengenal var, let dan const/index.js new file mode 100644 index 00000000..cb3b0e73 --- /dev/null +++ b/1. mengenal var, let dan const/index.js @@ -0,0 +1,11 @@ +var message = "Hallo Coders"; +let message1 = "Konn'ichiwa kōdā"; + + +const message2 = "marhabaan almubrmijun"; + +message = "Hallo Codierer"; + +console.log(message); +console.log(message1); +console.log(message2); \ No newline at end of file diff --git a/10. Cek Tipe Data/index.js b/10. Cek Tipe Data/index.js new file mode 100644 index 00000000..5ffaeaf9 --- /dev/null +++ b/10. Cek Tipe Data/index.js @@ -0,0 +1,19 @@ +function CekData() { + var tipe1 = "Salahudin" + var tipe2 = 22 + var tipe3 = ['Coding', 'Watching Films', 'Drawing'] + var tipe4 = { + makanan: "sambal kentang", + minuman: "jus alpukat" + } + var tipe5 = true + + console.log(typeof(tipe1)) + console.log(typeof(tipe2)) + console.log(typeof(tipe3)) + console.log(typeof(tipe4)) + console.log(typeof(tipe5)) + +} + +CekData(); \ No newline at end of file diff --git a/11. Comment/index.js b/11. Comment/index.js new file mode 100644 index 00000000..2c003787 --- /dev/null +++ b/11. Comment/index.js @@ -0,0 +1,5 @@ +function comment() { + // console.log('tidak dijalankan') +} + +comment() \ No newline at end of file diff --git a/12. Operator/index.js b/12. Operator/index.js new file mode 100644 index 00000000..34f46cee --- /dev/null +++ b/12. Operator/index.js @@ -0,0 +1,17 @@ +function Operator(a, b) { + var jumlah = a + b; + var kurang = a - b; + var kali = a * b; + var bagi = a / b; + var mod = a % b; + + + console.log(jumlah); + console.log(kurang); + console.log(kali); + console.log(bagi); + console.log(mod); + +} +Operator(10, 5); + diff --git a/13. IF ELSE Berdasarkan Tipe Data/index.js b/13. IF ELSE Berdasarkan Tipe Data/index.js new file mode 100644 index 00000000..99bfb498 --- /dev/null +++ b/13. IF ELSE Berdasarkan Tipe Data/index.js @@ -0,0 +1,13 @@ +function tipe() { + var data = 'aku' + console.log(typeof(data)); + + if(data === 2){ + return 'benar'; + } else { + return 'salah'; + } + +} + +console.log(tipe()); \ No newline at end of file diff --git a/14. Manipulasi Array dengan Shift/index.js b/14. Manipulasi Array dengan Shift/index.js new file mode 100644 index 00000000..66825592 --- /dev/null +++ b/14. Manipulasi Array dengan Shift/index.js @@ -0,0 +1,17 @@ +function shift() { + var arrayShift = ['Palembang', 'Jakarta', 'Bandung'] + + for (var i = 0; i < arrayShift.length; i++) { + console.log(arrayShift[i]); + } + + console.log('============') + + + var arrayShift2 = arrayShift.shift() + console.log(arrayShift2) + // arrayShift = arrayShift.shift(); + return arrayShift; +} + +console.log(shift()); \ No newline at end of file diff --git a/15. Manipulasi Array dengan Pop/index.js b/15. Manipulasi Array dengan Pop/index.js new file mode 100644 index 00000000..c0247f89 --- /dev/null +++ b/15. Manipulasi Array dengan Pop/index.js @@ -0,0 +1,15 @@ +function ArrayPop() { + var kota = ['Jakarta', 'Palembang', 'Bandung'] + + for (var i = 0; i < kota.length; i++) { + console.log(kota[i]); + } + + console.log('========') + + var kota2 = kota.pop() + console.log(kota2) + return kota +} + +console.log(ArrayPop()) \ No newline at end of file diff --git a/16. Manipulasi Array dengan Push/index.html b/16. Manipulasi Array dengan Push/index.html new file mode 100644 index 00000000..592ce45e --- /dev/null +++ b/16. Manipulasi Array dengan Push/index.html @@ -0,0 +1,17 @@ + + + + + + + Document + + + + + +

+ + + + \ No newline at end of file diff --git a/16. Manipulasi Array dengan Push/index.js b/16. Manipulasi Array dengan Push/index.js new file mode 100644 index 00000000..688db756 --- /dev/null +++ b/16. Manipulasi Array dengan Push/index.js @@ -0,0 +1,24 @@ +// function panggilPush(){ +// var data = [1,2,3,4,5,6] +// console.log(data); +// data.push(9); +// return data +// } + +// console.log(panggilPush()) + + +// push array dengan DOM + + +var dataItem = ['baju']; +document.getElementById('tampil').innerHTML = dataItem; + + +function panggilPush() { + var dataBaru = document.getElementById('valArray').value + var hasilData = dataBaru.split(' ') + hasilData.push(dataItem) +} + +panggilPush() diff --git a/17. Manipulasi Array dengan Splice 1/index.js b/17. Manipulasi Array dengan Splice 1/index.js new file mode 100644 index 00000000..02877b4d --- /dev/null +++ b/17. Manipulasi Array dengan Splice 1/index.js @@ -0,0 +1,7 @@ +function panggilSplice() { + var kota = ['Palembang','Jakarta','Bandung'] + kota.splice(0,3,'Yogyakarta'); + console.log(kota); +} + +panggilSplice(); diff --git a/18. Manipulasi Array dengan Splice 2/index.js b/18. Manipulasi Array dengan Splice 2/index.js new file mode 100644 index 00000000..9bd4791a --- /dev/null +++ b/18. Manipulasi Array dengan Splice 2/index.js @@ -0,0 +1,11 @@ +function panggilSplice() { + var kota = ['Palembang', 'Jakarta', 'Bandung']; + console.log(kota); + + kota.splice(0,3) + + return kota + +} + +console.log(panggilSplice()) \ No newline at end of file diff --git a/19. Manipulasi Array dengan Unsift/index.js b/19. Manipulasi Array dengan Unsift/index.js new file mode 100644 index 00000000..1f05a3fb --- /dev/null +++ b/19. Manipulasi Array dengan Unsift/index.js @@ -0,0 +1,7 @@ +function panggilUnshift() { + var data = ['Palembang','Jakarta','Bandung'] + data.unshift('Surabaya', 'Bali') + return data +} + +console.log(panggilUnshift()) \ No newline at end of file diff --git a/2. function/index.js b/2. function/index.js new file mode 100644 index 00000000..ef643cf8 --- /dev/null +++ b/2. function/index.js @@ -0,0 +1,47 @@ + +function JalanSatu() { + console.log("jalan satu"); +} +//function declaration + + + +const JalanDua = function() { + console.log("jalan dua"); +} +//function expression + +JalanSatu(); +JalanDua(); + + +const JalanTiga = () => { + console.log("jalan tiga"); +} + +JalanTiga(); +// arrow function + + + +const Hitung = (a, b) => { + var jumlah = a + b; + console.log('hasilnya ',jumlah); +} +Hitung(2, 3); + +const Pesanan = (nasi, lauk, minum) => { + console.log('Pesanan nasi ' +nasi+ ' dengan lauk ' +lauk+ ' dan minum ' +minum+ ' sudah tiba!'); +} + +Pesanan('Minyak', 'Ayam kecap', 'Es teh'); + +const Menentukan = (a) => { + if(a % 2 == 0) { + console.log(a + ' merupakan nilai genap'); + } else { + console.log(a + ' merupakan nilai ganjil'); + } +} + +Menentukan(3); \ No newline at end of file diff --git a/20. IndexOf/index.js b/20. IndexOf/index.js new file mode 100644 index 00000000..02eb37cf --- /dev/null +++ b/20. IndexOf/index.js @@ -0,0 +1,8 @@ +function panggilData() { + var data = ['Palembang','Jakarta','Bandung'] + console.log(data); + return data.indexOf('Jakarta'); +} + +console.log( + panggilData()); \ No newline at end of file diff --git a/21. Concat/index.js b/21. Concat/index.js new file mode 100644 index 00000000..6f08eb1d --- /dev/null +++ b/21. Concat/index.js @@ -0,0 +1,9 @@ +function panggilConcat() { + var kota = ['Palembang', 'Jakarta', 'Bandung'] + var kabupaten = ['Lampung timur', 'Jombang'] + var RT = [18, 20, 12] + var hasil = kabupaten.concat(RT) + return hasil +} + +console.log(panggilConcat()) \ No newline at end of file diff --git a/22. Split/index.js b/22. Split/index.js new file mode 100644 index 00000000..49be093a --- /dev/null +++ b/22. Split/index.js @@ -0,0 +1,9 @@ +//merubah array jadi string +function panggilSplit() { + var kalimat = 'niomic' + console.log(kalimat); + var hasil = kalimat.split(' ') + return hasil +} + +console.log(panggilSplit()) \ No newline at end of file diff --git a/23. Join/index.js b/23. Join/index.js new file mode 100644 index 00000000..1d56d1a3 --- /dev/null +++ b/23. Join/index.js @@ -0,0 +1,10 @@ +//mengubah array jadi string +function panggilJoin() { + var kota = ['Palembang','Jakarta','Bandung']; + + console.log(kota); + var result = kota.join(',') + return result +} + +console.log(panggilJoin()) \ No newline at end of file diff --git a/24. Reverse/index.js b/24. Reverse/index.js new file mode 100644 index 00000000..4133365c --- /dev/null +++ b/24. Reverse/index.js @@ -0,0 +1,9 @@ +//membalik array dari belakang kedepan +function panggilReverse() { + var kota = ['Palembang', 'Jakarta', 'Bali']; + console.log(kota); + var result = kota.reverse(); + return result; +} + +console.log(panggilReverse()) \ No newline at end of file diff --git a/25. Modulus/index.js b/25. Modulus/index.js new file mode 100644 index 00000000..6b943a1a --- /dev/null +++ b/25. Modulus/index.js @@ -0,0 +1,7 @@ +function Mod() { + var data1 = 10; + var data2 = 4; + return data1 % data2; +} + +console.log(Mod()); \ No newline at end of file diff --git a/26. Modulus genap/index.js b/26. Modulus genap/index.js new file mode 100644 index 00000000..c183fa65 --- /dev/null +++ b/26. Modulus genap/index.js @@ -0,0 +1,26 @@ +function modGenap() { + var Data = []; + for (var i = 1; i < 10; i++) { + if(i%2===0){ + Data.push(i) + } + } + + return Data +} + +console.log(modGenap()) + + +//latihan +function modGanjil() { + var Data1 = []; + for (var j = 0; j <= 30; j++) { + if (j%2===1) { + Data1.push(j) + } + } + return Data1 +} + +console.log(modGanjil()) \ No newline at end of file diff --git a/27. Modulus Ganjil/index.js b/27. Modulus Ganjil/index.js new file mode 100644 index 00000000..ca06b0c5 --- /dev/null +++ b/27. Modulus Ganjil/index.js @@ -0,0 +1,25 @@ +function modGanjil() { + var Data1 = []; + for (var j = 1; j <= 30; j++) { + if (j%2 !== 0) { + Data1.push(j) + } + } + return Data1 +} + +console.log(modGanjil()) + + +//latihan +function modKelipatan() { + var Data2 = []; + for(k = 1; k <= 50; k++){ + if(k%5==0){ + Data2.push(k) + } + } + return Data2 +} + +console.log(modKelipatan()); \ No newline at end of file diff --git a/28. Modulus Kelipatan/index.js b/28. Modulus Kelipatan/index.js new file mode 100644 index 00000000..b025092e --- /dev/null +++ b/28. Modulus Kelipatan/index.js @@ -0,0 +1,11 @@ +function modKelipatan() { + var Data2 = []; + for(k = 1; k <= 50; k++){ + if(k%5==0){ + Data2.push(k) + } + } + return Data2 +} + +console.log(modKelipatan()); \ No newline at end of file diff --git a/29. Perulangan Foreach/index.js b/29. Perulangan Foreach/index.js new file mode 100644 index 00000000..6e0a57bc --- /dev/null +++ b/29. Perulangan Foreach/index.js @@ -0,0 +1,22 @@ +// function panggilForeach() { +// var data = ['a','b','c'] +// data.forEach(function(item, index, array) { +// console.log(item) +// console.log(index) +// console.log(array) +// }) + +// } + +// panggilForeach() + +function a() { + var data = ['merah', 'biru', 'hijau'] + data.forEach(function(item, index, array) { + console.log(item) + console.log(index) + console.log(array) + }) +} + +a() \ No newline at end of file diff --git a/3. if dan else/index.js b/3. if dan else/index.js new file mode 100644 index 00000000..e69de29b diff --git a/30. Perulangan MAP/index.js b/30. Perulangan MAP/index.js new file mode 100644 index 00000000..5304fcf9 --- /dev/null +++ b/30. Perulangan MAP/index.js @@ -0,0 +1,11 @@ +function perulanganMap() { + var kota = ['Palembang', 'Jakarta', 'Bali']; + + kota.map((item, index, array) => { + console.log(item) + console.log(index) + console.log(array) + }) +} + +perulanganMap() \ No newline at end of file diff --git a/31. For vs Foreach vs MAP/index.js b/31. For vs Foreach vs MAP/index.js new file mode 100644 index 00000000..570dc181 --- /dev/null +++ b/31. For vs Foreach vs MAP/index.js @@ -0,0 +1,22 @@ +function panggilPerulangan(){ + var kota = ['Palembang', 'Jakarta', 'Jogya'] + kota.map((item, index, array) => { + console.log(item) + console.log(index) + console.log(array) + }) +} + +panggilPerulangan() + +// KESIMPULAN + +// Perintah FOR : DAPAT melakukan perulangan berdasarkan jumlah yang ditentukan, sedangkan forEach dan Map Tidak bisa. +// Perintah FOR, forEach dan Map : DAPAT perulangan berdasarkan data pajang dari sebuah array +// Perintah FOR dan forEach : TIDAK DAPAT Menghasilkan array baru +// Perintah Map: DAPAT menghasilkan array baru +// Selanjutnya ... + +// Jika kita ingin melakukan perulangan berdasarkan jumlah data yang sudah ditentukan, maka gunakanlah perintah FOR +// Jika kita ingin melakukan perulangan berdasarkan panjang array dan tidak ingin mencetak array baru lagi, maka gunakanlah forEach +// Jika kita ingin melakukan perulangan dan ingin menghasilkan array baru, maka gunakanlah MAP \ No newline at end of file diff --git a/32. Filter/index.js b/32. Filter/index.js new file mode 100644 index 00000000..3316ec27 --- /dev/null +++ b/32. Filter/index.js @@ -0,0 +1,52 @@ +// membuat array baru berdasarkan hasil penyaringan nilai dari setiap elemen array yang diberi method tersebut. + +// function arrGanjil() { +// var arr = [1, 2, 3, 4, 5]; +// var arr2 = []; + +// for(var i = 0; i < arr.length; i++) +// if (arr[i] % 2 !== 0) { +// arr2.push(arr[i]) +// } +// return arr2 +// } + +// console.log( +// arrGanjil()) + + +//menggunakan filter +// function arrGanjil() { +// var arr = [1, 2, 3, 4, 5]; +// var arr2 = arr.filter(function(el){ +// return el % 2 !== 0 +// }) + +// return arr2 +// } + +// console.log( +// arrGanjil()) + + +// arr.filter( function(el) { return el % 2 !== 0 } ) artinya setiap element pada arr ([1, 2, 3, 4, 5]) akan direpresentasikan sebagai el. Kemudian hanya akan dikembalikan ke array baru (arrGanjil) jika memenuhi kondisi atau bernilai true. +// Karena return el % 2 !== 0, maka hanya element yang bernilai ganjil saja yang akan dikembalikan ke array baru. + + +function panggilFilter() { + var data = [ + {negara: 'Indonesia', benua: 'Asia'}, + {negara: 'Jerman', benua: 'Eropa'}, + {negara: 'Spanyol', benua: 'Eropa'}, + {negara: 'Portugal', benua: 'Eropa'}, + {negara: 'USA', benua: 'Amerika'}, + ]; + + var benuaEropa = data.filter(function(item) { + return item.benua === 'Eropa'; + }); + + return benuaEropa; +} + +console.log(panggilFilter()) \ No newline at end of file diff --git a/33. Function Parameter/index.js b/33. Function Parameter/index.js new file mode 100644 index 00000000..3a070f3a --- /dev/null +++ b/33. Function Parameter/index.js @@ -0,0 +1,28 @@ +// function Mahasiswa(nama, nim) { +// console.log(nama) +// console.log(nim) +// } + +// Mahasiswa('Salahudin Alayubi', 1511410336) + +// // +// Jenis tipe data yang bisa dimasukkan dalam juga bisa berbeda-beda tergantung kebutuhan, seperti bentuknya Number, String, Array, Gabungan Beberapa Antara Tipe Data, Ataupun tipe data yang lainnya. + +//TUGAS +function panggilFilterParameters(filterBenua) { + var arr = [ + {negara: 'Indonesia', benua: 'Asia'}, + {negara: 'Jerman', benua: 'Eropa'}, + {negara: 'Spanyol', benua: 'Eropa'}, + {negara: 'Korea', benua: 'Asia'}, + {negara: 'Portugal', benua: 'Eropa'}, + {negara: 'Amerika Serikat', benua: 'Amerika'}, + ]; + var benuaEropa = arr.filter(function(item){ + return item.benua == filterBenua; + }); + + console.log(benuaEropa); +} + +panggilFilterParameters('Asia') \ No newline at end of file diff --git a/34. Studi Kasus (Balik kata)/index.js b/34. Studi Kasus (Balik kata)/index.js new file mode 100644 index 00000000..a94e1c61 --- /dev/null +++ b/34. Studi Kasus (Balik kata)/index.js @@ -0,0 +1,8 @@ +function balikKata(kata) { + return kata.split('').reverse().join(''); +} + +console.log(balikKata("Niomic!")) +console.log(balikKata("JavaScript")) +console.log(balikKata("alohaloha")) +console.log(balikKata("jawa_barat")) \ No newline at end of file diff --git a/35. Tugas (Balik kata)/index.js b/35. Tugas (Balik kata)/index.js new file mode 100644 index 00000000..ec4fb065 --- /dev/null +++ b/35. Tugas (Balik kata)/index.js @@ -0,0 +1,11 @@ +function balikKata(kata) { + var balik = ""; + for (var i = kata.length-1; i >= 0; i--) { + balik += kata[i]; + } + return balik; + } + console.log(balikKata("Niomic!")) + console.log(balikKata("JavaScript")) + console.log(balikKata("alohahola")) + console.log(balikKata("Jawa_Barat")) \ No newline at end of file diff --git a/36. Tugas (Manipulasi angka)/index.js b/36. Tugas (Manipulasi angka)/index.js new file mode 100644 index 00000000..6cb7d391 --- /dev/null +++ b/36. Tugas (Manipulasi angka)/index.js @@ -0,0 +1,24 @@ +function deretAngka(n) { + var item = []; + for (var i = 1; i <= n; i++) { + if (i % 3 === 0 && i % 5 === 0) { + item.push('NIOMIC') + var hasil = item.join(',') + } else if (i % 5 === 0){ + item.push('MIC') + var hasil = item.join(',') + } else if (i % 3 === 0) { + item.push('NIO') + var hasil = item.join(',') + } else { + item.push(i) + var hasil = item.join(',') + } + } + return hasil; + } + + +console.log(deretAngka(10)) +console.log(deretAngka(20)) +console.log(deretAngka(30)) \ No newline at end of file diff --git a/37. Studi Kasus (Looping dan Nested Array)/index.js b/37. Studi Kasus (Looping dan Nested Array)/index.js new file mode 100644 index 00000000..309ffe12 --- /dev/null +++ b/37. Studi Kasus (Looping dan Nested Array)/index.js @@ -0,0 +1,18 @@ +function panggilNestedArray(dataArray) { + nestedArray.forEach(function(item, index, array) { + console.log('id :' + item[0]) + console.log('name :' + item[1]) + console.log('company :' + item[2]) + console.log('\n') + }) + +} + +var nestedArray = [ + [1, "Mark Zuckerberg", "Facebook"], + [2, "Elon Musk", "Tesla"], + [3, "Bill Gates", "Microsoft"], + [4, "Steve Jobs", "Apple"] +] + +panggilNestedArray(nestedArray) diff --git a/38. Tugas (Looping dan Nested Array)/index.js b/38. Tugas (Looping dan Nested Array)/index.js new file mode 100644 index 00000000..840fb573 --- /dev/null +++ b/38. Tugas (Looping dan Nested Array)/index.js @@ -0,0 +1,24 @@ +function callNestedArray(nestedArray) { + + + //strict + let hasil = [] + + for (var i = 0; i < nestedArray.length; i++) { + let subHasil = []; + for (var x = 0; x < nestedArray.length; x++) { + subHasil.push(nestedArray[x][i]); + } + hasil.push(subHasil) + } + console.log(hasil); + +} + +var nestedArray = [ + [1,2,3,4], + ['Mark Zuckerberg', 'Elon Musk', 'Bill Gates', 'Steve Jobs'], + ['Facebook', 'Tesla', 'Microsoft', 'Apple'] +] + +callNestedArray(nestedArray) diff --git a/39. Regular Expression (RegExp)/index.js b/39. Regular Expression (RegExp)/index.js new file mode 100644 index 00000000..dd89d335 --- /dev/null +++ b/39. Regular Expression (RegExp)/index.js @@ -0,0 +1,8 @@ +// Regular Expression atau sering disebut Regexp adalah method atau fungsi yang sering digunakan untuk mencari dan atau mengganti pada sebuah data string. + +function panggilRegexp() { + let str = "abcdefghijklmnopqrstuvwxyz"; + return str.search(/j/) +} + +console.log(panggilRegexp()) \ No newline at end of file diff --git a/4. Switch Statement/index.js b/4. Switch Statement/index.js new file mode 100644 index 00000000..3c108635 --- /dev/null +++ b/4. Switch Statement/index.js @@ -0,0 +1,20 @@ +function TestSwitch() { + var nilai = 5; + + switch (nilai) { + case 10: + console.log("Sangat Bagus"); + break; + case 8: + console.log("Baik"); + break; + case 6: + console.log("Cukup"); + break; + default: + console.log("Lainya"); + break; + } +} + +TestSwitch(); \ No newline at end of file diff --git a/40. RegExp (Flags i)/index.js b/40. RegExp (Flags i)/index.js new file mode 100644 index 00000000..b1941a90 --- /dev/null +++ b/40. RegExp (Flags i)/index.js @@ -0,0 +1,22 @@ +// Regular Expression atau sering disebut Regexp adalah memiliki sebuah flags atau lebih mudah dalam kita memahaminya kita sebut sebagai “TANDA”, dimana flags tersebut nantinya akan memberikan effect / hasil yang berbeda pada setiap pencarian antara yang menggunakan flags dan yang tidak. + +// Sekarang kita akan mencoba membuat sebuah function panggilRegexp() yang didalamnya kita akan menuliskan code RegExp didalamnya. + +// Kita akan mencoba melakukan pencarian data pada sebuah variable string, di dalam Regexp untuk melakukan pencarian adalah menggunakan perintah search() + +// Didalamnya kita akan memasukkan flag “i” : dimana flag “i” ini sendiri berfungsi untuk menjadikan keyword / kata kunci dalam pencarian menjadi TIDAK case-insensitive, sehingga jika kita memasukkan “A” atau “a” maka akan di anggap sama. + +function panggilRegexp() { + let str = 'abcdefghijklmnopqrstuvwxyz' + console.log(str.search(/K/)) + console.log(str.search(/K/i)) + console.log(str.search(/k/i)) +} + +panggilRegexp() + +// Kita bisa melihat pada + +// Pencarian pertama : huruf “K” yang dicari tidak ditemukan karena yang dicari adalah huruf “K” besar, sedangkan didalam variable tersebut tidak memiliki hufuf “K” besar. + +// Sedangkan pada pencarian kedua dan ketiga : huruf yang dicari ditemukan pada index ke 10. sekalipun kita menuliskannya huruf “K” besar ataupun “k” kecil, itu karena kita sudah menambahkan flag “i” yang artinya mengabaikan antara huruf BESAR dan kecil. \ No newline at end of file diff --git a/41. RegExp (Flags g)/index.js b/41. RegExp (Flags g)/index.js new file mode 100644 index 00000000..e1f22681 --- /dev/null +++ b/41. RegExp (Flags g)/index.js @@ -0,0 +1,31 @@ +function panggilRegexp() { + let str = 'fabfiubeifubsiuebfibseifbsindonesiaidnaodnwoawd' + + console.log(str.match(/indonesia/)) +} + +panggilRegexp() + + +//jika(str.match(/indonesia/)) ---tanpa g +//output + +// [ 'indonesia', +// index: 26, +// input: 'fabfiubeifubsiuebfibseifbsindonesiaidnaodnwoawd' ] + + +//jika(str.match(/indonesia/g)) ---dikasih g +//output +// [ 'indonesia' ] + + + + +// Regular Expression atau sering disebut Regexp adalah memiliki sebuah flags atau lebih mudah dalam kita memahaminya kita sebut sebagai “TANDA”, dimana flags tersebut nantinya akan memberikan effect / hasil yang berbeda pada setiap pencarian antara yang menggunakan flags dan yang tidak. + +// Sekarang kita akan mencoba membuat sebuah function panggilRegexp() yang didalamnya kita akan menuliskan code RegExp didalamnya. + +// Kita akan mencoba melakukan PENCOCOKAN data pada sebuah variable string, di dalam Regexp untuk melakukan PENCOCOKAN adalah menggunakan perintah match() + +// Di dalamnya kita akan memasukkan flag “g”, dimana flag “g” ini sendiri berfungsi sifatnya GLOBAL yaitu untuk melakukan pencarian data yang sama di semua data STRING yang dijadikan acuan kita untuk mencocokan data tersebut \ No newline at end of file diff --git a/42. Tugas (RegExp)/index.js b/42. Tugas (RegExp)/index.js new file mode 100644 index 00000000..1ec36c34 --- /dev/null +++ b/42. Tugas (RegExp)/index.js @@ -0,0 +1,11 @@ + +function panggilRegexp(value) { + let str = "abcdefghijklmnopqrstuvwxyz-A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"; + +console.log(str.match(/[C,c]/g)) +console.log(str.match(/[k,K]/g)) +console.log(str.match(/[l,L]/g)) + +} + +panggilRegexp() \ No newline at end of file diff --git a/43. RegExp (Replace + Tugas)/index.js b/43. RegExp (Replace + Tugas)/index.js new file mode 100644 index 00000000..d4197955 --- /dev/null +++ b/43. RegExp (Replace + Tugas)/index.js @@ -0,0 +1,6 @@ +function panggilRegexp() { + let data = 'Belajar-satu-tahun-bersama-Niomic'; + console.log (data.replace(/-/g,' ')) +} + +panggilRegexp() \ No newline at end of file diff --git a/44. RegExp (Test + Tugas)/index.js b/44. RegExp (Test + Tugas)/index.js new file mode 100644 index 00000000..86a1c74c --- /dev/null +++ b/44. RegExp (Test + Tugas)/index.js @@ -0,0 +1,23 @@ +// function panggilRegexp() { +// let data = 'Belajar satu tahun bersama Niomic' + +// console.log(/satu/.test(data)) +// } + +// panggilRegexp() + + +// Tugas + + +function panggilRegexp(value) { + var kata = 'kalimat' + if(/kalimat/.test(kata)===true) { + console.log(value); + } +} + +panggilRegexp("Belajar html"); +panggilRegexp("Belajar javascript"); +panggilRegexp("Belajar css"); +panggilRegexp("Belajar php"); \ No newline at end of file diff --git a/45. RegExp (Huruf Angka Spasi)/index.js b/45. RegExp (Huruf Angka Spasi)/index.js new file mode 100644 index 00000000..f66c561a --- /dev/null +++ b/45. RegExp (Huruf Angka Spasi)/index.js @@ -0,0 +1,13 @@ +function panggilRegexp(value) { + // var ambilData = value.match(/\w/g) mengambil semua huruf + // var ambilData = value.match(/\d/g) mengambil angka saja + + + // Kita akan mencoba untuk mengambil semua SPASI pada semua data dan juga menghitung juga jumlah spasinya + var ambilData = value.match(/\s/g) + console.log(ambilData) + console.log("Banyaknya Spasi : ",ambilData.length) + console.log(ambilData) +} + +panggilRegexp('Bulang ke 1 sd ke 4') \ No newline at end of file diff --git a/46. RegExp (NOT Huruf Angka Spasi)/index.js b/46. RegExp (NOT Huruf Angka Spasi)/index.js new file mode 100644 index 00000000..4201e9b3 --- /dev/null +++ b/46. RegExp (NOT Huruf Angka Spasi)/index.js @@ -0,0 +1,20 @@ + +function panggilRegexp(value) { + + // Untuk mengambil semua karakter KECUALI huruf dan angka. RegExp (Regular Expression) untuk melakukan itu adalah : \W +// var ambilData = value.match(/\W/g) +// console.log(ambilData) + + +// mengambil semua karakter dan spasi KECUALI angka +// var ambilData = value.match(/\D/g) +// console.log(ambilData) + + +// mencoba untuk mengambil karakter KECUALI SPASI. + var ambilData = value.match(/\S/g) + console.log(ambilData) + +} + +panggilRegexp("Bulan ke 1 sd ke 4"); \ No newline at end of file diff --git a/47. RegExp (Karakter Spesifik)/index.js b/47. RegExp (Karakter Spesifik)/index.js new file mode 100644 index 00000000..d9e4bf74 --- /dev/null +++ b/47. RegExp (Karakter Spesifik)/index.js @@ -0,0 +1,13 @@ + +function panggilRegexp(value) { +// var ambilData = value.match(/[ke]/g); mengambil huruf k dan e saja + +// var ambilData = value.match(/[^ke]/g) mengambil huruf selain dari k dan e + + +//untuk mengambil karakter ANTARA karakter tertentu, dalam contoh kita ingin mengambil semua karakter ANTARA karakter “a” sampai “i” +var ambilData = value.match(/[a-i]/g) + console.log(ambilData); +} + +panggilRegexp("Bulan ke 1 sd ke 4"); \ No newline at end of file diff --git a/48. DOM/app.js b/48. DOM/app.js new file mode 100644 index 00000000..c15ca00c --- /dev/null +++ b/48. DOM/app.js @@ -0,0 +1 @@ +console.log('Menuliskan Code JavaScript di Browser dengan cara External') \ No newline at end of file diff --git a/48. DOM/index.html b/48. DOM/index.html new file mode 100644 index 00000000..94dbe6e8 --- /dev/null +++ b/48. DOM/index.html @@ -0,0 +1,14 @@ + + + + + + + Belajar JavaScript + + +

Belajar JavaScript DOM

+ + + + \ No newline at end of file diff --git a/49. DOM (Function)/app.js b/49. DOM (Function)/app.js new file mode 100644 index 00000000..fa4f6c3b --- /dev/null +++ b/49. DOM (Function)/app.js @@ -0,0 +1,5 @@ +function PanggilFunction() { + console.log('JavaScript Function Actived') +} + +PanggilFunction() \ No newline at end of file diff --git a/49. DOM (Function)/index.html b/49. DOM (Function)/index.html new file mode 100644 index 00000000..94dbe6e8 --- /dev/null +++ b/49. DOM (Function)/index.html @@ -0,0 +1,14 @@ + + + + + + + Belajar JavaScript + + +

Belajar JavaScript DOM

+ + + + \ No newline at end of file diff --git a/5. For/index.js b/5. For/index.js new file mode 100644 index 00000000..72314fca --- /dev/null +++ b/5. For/index.js @@ -0,0 +1,84 @@ +//lopping bilangan besar ke kecil +// function Loop(n) { +// for (var n = n; n >= 1; n--) { +// console.log(n); +// } +// } + +// Loop(10); + +//lopping bilangan kecil ke besar +// function Loop2(j) { +// for (var j = j; j <= 10; j++) { +// console.log(j); +// } +// } + +// Loop2(1) + +// looping bilangan genap dengan batasan +// function LoopGenap(i, j) { +// for (var i = i; i <= j; i = i + 1) { +// if(i % 2 == 0){ +// console.log(i); +// } +// } +// } + +// LoopGenap(1, 20); + + +//looping bilangan ganjil dengan batasan +// function LoopGanjil(k, l) { +// for (var k = k; k <= l; k = k + 1) { +// if(k % 2 == 1){ +// console.log(k); +// } +// } +// } + +// LoopGanjil(1, 20); + + +//looping bilangan perkalian +// function LoopPerkalian(n) { +// for (var m = 1; m <= 10; m++) { +// const perkalian = n * m; +// console.log(perkalian); +// } +// } + +// LoopPerkalian(4); + + +//looping bilangan pembagian +// function LoopBagi(p) { +// for (var o = 1; o <=10; o++) { +// const pembagian = o * p; +// const hasil = pembagian / o; +// console.log(pembagian+ ' : ' +hasil+ ' = ' + o); +// } +// } + +// LoopBagi(4) + + +//looping bilangan prima +function LoopPrima(s) { + var prima = false; + for(var x = 2; x <= s; x++){ + if(x>=2){ + prima = true; + for(var b = 2; b < x; b++){ + if(x%b==0){ + prima = false; + } + } + if(prima==true) { + console.log(x); + } + } + } +} + +LoopPrima(10); diff --git a/50. DOM (Event)/app.js b/50. DOM (Event)/app.js new file mode 100644 index 00000000..5ecaf3d0 --- /dev/null +++ b/50. DOM (Event)/app.js @@ -0,0 +1,5 @@ +function jalanScript() { + alert('Actived') +} + +jalanScript() \ No newline at end of file diff --git a/50. DOM (Event)/index.html b/50. DOM (Event)/index.html new file mode 100644 index 00000000..431a1006 --- /dev/null +++ b/50. DOM (Event)/index.html @@ -0,0 +1,14 @@ + + + + + + + Belajar JavaScript | NIOMIC + + +

Belajar JavaScript DOM

+ + + + \ No newline at end of file diff --git a/51. DOM (Log Event)/app.js b/51. DOM (Log Event)/app.js new file mode 100644 index 00000000..5013618d --- /dev/null +++ b/51. DOM (Log Event)/app.js @@ -0,0 +1,5 @@ +function jalanScript() { + console.log('Running') +} + +jalanScript() \ No newline at end of file diff --git a/51. DOM (Log Event)/index.html b/51. DOM (Log Event)/index.html new file mode 100644 index 00000000..431a1006 --- /dev/null +++ b/51. DOM (Log Event)/index.html @@ -0,0 +1,14 @@ + + + + + + + Belajar JavaScript | NIOMIC + + +

Belajar JavaScript DOM

+ + + + \ No newline at end of file diff --git a/52. DOM (getElementById)/index.html b/52. DOM (getElementById)/index.html new file mode 100644 index 00000000..ddf57722 --- /dev/null +++ b/52. DOM (getElementById)/index.html @@ -0,0 +1,23 @@ + + + + + + + JavaScript Event | NIOMIC + + + +
+ + + + + + + \ No newline at end of file diff --git a/52. DOM (getElementsByClassName)/index.html b/52. DOM (getElementsByClassName)/index.html new file mode 100644 index 00000000..d01fd457 --- /dev/null +++ b/52. DOM (getElementsByClassName)/index.html @@ -0,0 +1,20 @@ + + + + + + + JavaScript Event | NIOMIC + + + +
+ + + + + \ No newline at end of file diff --git a/53. DOM (QuerytSelector)/index.html b/53. DOM (QuerytSelector)/index.html new file mode 100644 index 00000000..3ba671b1 --- /dev/null +++ b/53. DOM (QuerytSelector)/index.html @@ -0,0 +1,22 @@ + + + + + + + JavaScript Event | NIOMIC + + + +
+ + + + + + + \ No newline at end of file diff --git a/6. Array/index.js b/6. Array/index.js new file mode 100644 index 00000000..7f5fb5c2 --- /dev/null +++ b/6. Array/index.js @@ -0,0 +1,23 @@ +//loop array dari yogya ke palembang +// function Array() { +// var kota = ['palembang', 'jakarta', 'bandung', 'surabaya', 'yogyakarta']; + +// for(var i = kota.length; i >= 1; i--) { +// console.log(kota[i-1]); +// } +// } + +// Array(); + + +//loop dari palembang ke yogya + +function Array() { + var kota = ['palembang', 'jakarta', 'bandung', 'surabaya', 'yogyakarta']; + + for(var i = 0; i < kota.length; i++) { + console.log(kota[i]); + } +} + +Array(); \ No newline at end of file diff --git a/7. Nested Array/index.js b/7. Nested Array/index.js new file mode 100644 index 00000000..9ce7b8e7 --- /dev/null +++ b/7. Nested Array/index.js @@ -0,0 +1,31 @@ +//menampilkan data array per-Data dimensi + +// function NastedArray() { +// var Framework = [['ReactJS', 'AngularJs','VueJS'], +// ['BackboneJS', 'Polymer', 'RequireJS'], +// ['ExpressJS', 'D3', 'EmberJS']] + +// var data1 = Framework[0]; + +// for(var i = 0; i < data1.length; i++) { +// console.log(data1[i]) +// } +// } + +// NastedArray() + +//menampilkan data array semua data dimensi +function NastedArray() { + var Framework = [['ReactJS', 'AngularJs','VueJS'], + ['BackboneJS', 'Polymer', 'RequireJS'], + ['ExpressJS', 'D3', 'EmberJS']] + + for (var i = 0; i < Framework.length; i++) { + var index = Framework[i]; + + for(var j = 0; j < index.length; j++){ + console.log(index[j]); + } + } +} +NastedArray() \ No newline at end of file diff --git a/8. Object Oriented Programming/index.js b/8. Object Oriented Programming/index.js new file mode 100644 index 00000000..cc94112d --- /dev/null +++ b/8. Object Oriented Programming/index.js @@ -0,0 +1,13 @@ +//penulisan OOP dalam Javascript ada literal dan consturctor tapi alangkah baiknya pelajari saja yg constructor karena paling umum dan lebih useable! + + +//berikut OOP constructor +function Ninja(nama, jurus, desa) { + this.nama = nama; + this.jurus = jurus; + this.desa = desa; +} + +var ObjNinja = new Ninja('Sasuka Uchiha', 'Tsukoyomi','Konohagakure'); + +console.log(ObjNinja); \ No newline at end of file diff --git a/9. Array di dalam Object/index.js b/9. Array di dalam Object/index.js new file mode 100644 index 00000000..13d14469 --- /dev/null +++ b/9. Array di dalam Object/index.js @@ -0,0 +1,14 @@ +function Ninja(nama, jurus, desa) { + this.nama = nama; + this.jurus = jurus; + this.desa = desa; +} + +var ObjNinja = new Ninja('Madara Uchiha', ['Yasaka no Magatama', 'Katon: Gōka Mekkyaku', 'Mokuton Hijutsu: Jukai Kōtan'], 'Konohagakure'); + + +for (var i = 0; i < ObjNinja.jurus.length; i++) { + var dataJutsu = ObjNinja.jurus[i]; + console.log(dataJutsu); +} +