diff --git a/array-concat.js b/array-concat.js new file mode 100644 index 00000000..1d8a4523 --- /dev/null +++ b/array-concat.js @@ -0,0 +1,12 @@ +var panggilConcat = ()=>{ + var data ={ + kecamatan : ["jombang","ngasem","lamongan","lumajang"], + kabupaten : ["jombang","kediri","lamongan","lumajang"], + propinsi : ["jatim"], + } + var dataconcat = (data.kecamatan[1].concat(data.kabupaten[1])).concat(data.propinsi[0]) + + return dataconcat +} + +console.log(panggilConcat()); diff --git a/array-indexof.js b/array-indexof.js new file mode 100644 index 00000000..703fb965 --- /dev/null +++ b/array-indexof.js @@ -0,0 +1,17 @@ + var panggilIndexof = ()=>{ + var daerah = { + kota : ["jakarta","bandung","surabaya","bandung","surabaya"], + } + //return daerah.kota + for (var i = 0; i < daerah.kota.length; i++) { + //if (daerah.kota.indexOf(daerah.kota[i])){ + var index = daerah.kota.indexOf(daerah.kota[i]) + console.log(index); + //} + } + // console.log(daerah.kota.indexOf("bandung")); + // daerah.kota.splice(daerah.kota.indexOf("bandung")+1,0,"Medan") + // return daerah.kota + } + + panggilIndexof() diff --git a/array-join.js b/array-join.js new file mode 100644 index 00000000..36803ca7 --- /dev/null +++ b/array-join.js @@ -0,0 +1,11 @@ +var panggilJoin = ()=>{ + var kalimat = { + daerah : ["jakarta","medan","bandung","tangerang"] + } + console.log(kalimat.daerah); + var data = kalimat.daerah + data.splice(1,1) + var result = data.join(",") + return result +} +console.log(panggilJoin()); diff --git a/array-object.js b/array-object.js new file mode 100644 index 00000000..242dafd9 --- /dev/null +++ b/array-object.js @@ -0,0 +1,13 @@ + +var panggilObject = ()=>{ + var mobil = { + merk : ["Toyota","Daihatsu","BMW","Mitsubishi"], + type : ["SUV","Sedan","Pickup","Bus"], + harga : ["Below 250jt","Around 250jt","Above 250jt"], + warna : ["putih","hitam","merah","hijau","kuning"], + tahun : [2015,2016,2017,2018] + } + console.log(mobil.merk[0],"",mobil.tahun[0]); +} + +panggilObject() diff --git a/array-pop.js b/array-pop.js new file mode 100644 index 00000000..0ca95b36 --- /dev/null +++ b/array-pop.js @@ -0,0 +1,16 @@ +var panggilPop = ()=>{ + var mobil = { + merk : ["toyota","daihatsu","hino","nissan"], + type : "sedan", + warna: "putih" + } + console.log(mobil.merk); + console.log("---------------"); + + var kota1 = mobil.merk.pop() + console.log(kota1); + + return mobil.merk +} + + console.log(panggilPop()) diff --git a/array-push.js b/array-push.js new file mode 100644 index 00000000..2ccfcd3f --- /dev/null +++ b/array-push.js @@ -0,0 +1,10 @@ +var panggilPush = ()=>{ + var data = [1,2,3,4,5,6,7,8] + console.log(data) + console.log("--------------"); + data.push(9) + + return data +} + + console.log(panggilPush()); diff --git a/array-reverse.js b/array-reverse.js new file mode 100644 index 00000000..2dd5b2c0 --- /dev/null +++ b/array-reverse.js @@ -0,0 +1,11 @@ +var panggilReverse = ()=>{ + var daerah = { + kota : ["jakarta","Medan","Malang","Bandung"] + } + console.log(daerah.kota) + + var data = daerah.kota.join("") + return data.split("").reverse().join("") +} + +console.log(panggilReverse()); diff --git a/array-shift.js b/array-shift.js new file mode 100644 index 00000000..f8650d06 --- /dev/null +++ b/array-shift.js @@ -0,0 +1,17 @@ +var panggilShift = ()=>{ + var kota = ["jakarta","bandung","malang","surabaya","makasar"] + console.log(kota) + console.log("======") + // kota = kota.shift() + + var kota1 = kota.shift() + console.log(kota1); + + var kota2 = kota.shift() + console.log(kota2); + + + return kota +} + + console.log(panggilShift()) diff --git a/array-splice.js b/array-splice.js new file mode 100644 index 00000000..fc909a51 --- /dev/null +++ b/array-splice.js @@ -0,0 +1,13 @@ +var panggilSplice = ()=>{ + var daerah = { + propinsi : ["banten","dki jakarta","jabar","jateng","jatim"] + } + console.log(daerah.propinsi) + console.log("------------------------"); + // daerah.propinsi.splice(daerah.propinsi.length,0,"tangerang") + daerah.propinsi.splice(0,1) + + return (daerah.propinsi) +} + + console.log(panggilSplice()) diff --git a/array-split.js b/array-split.js new file mode 100644 index 00000000..32d04e9c --- /dev/null +++ b/array-split.js @@ -0,0 +1,47 @@ +// var panggilSplit = ()=>{ +// var kalimat = { +// nama : "Bagus Junaedi Ardiyanto", +// } +// //console.log(kalimat.nama) +// +// var ubah = kalimat.nama.split(" ") +// var nama = ubah[0].split("") +// var showindex = nama.indexOf("m") +// +// //return showindex +// +// if (showindex === 0) { +// var ubahdata = nama.splice(showindex,1,"j") +// return nama +// } +// else if (showindex === 1){ +// ubahdata = nama.splice(showindex,1,"u") +// return nama +// } +// else { +// return "BAD" +// } +// } +// +// console.log(panggilSplit()); +var panggildata = ()=>{ + var kalimat = { + kata:"hello world" + } + console.log(kalimat.kata); + const ubahdata = kalimat.kata.split("") + //return ubahdata + + const barisdata = ubahdata.indexOf(" ") + ubahdata.splice(barisdata,1) + //ubah posisi L + ubahdata.splice(3,0,"l") + ubahdata.splice(9,1) + //ubah posisi // O + ubahdata.splice(6,0,"o") + ubahdata.splice(8,1) + return ubahdata.join('') + +} + +console.log(panggildata()); diff --git a/array-unshift.js b/array-unshift.js new file mode 100644 index 00000000..30172e5d --- /dev/null +++ b/array-unshift.js @@ -0,0 +1,12 @@ + var panggilUnshift = ()=>{ + var daerah = { + propinsi : ["dki jakarta","jabar","banten"], + } + console.log(daerah.propinsi) + console.log("------------------") + daerah.propinsi.unshift("jateng","jatim") + + return daerah.propinsi + } + + console.log(panggilUnshift()) diff --git a/array.js b/array.js new file mode 100644 index 00000000..a6857a9a --- /dev/null +++ b/array.js @@ -0,0 +1,41 @@ +const data = [[1,2,3,4,5],[6,7,8,9,10]] + +var switchcase = () =>{ +switch(data[1][3]){ + case 1: + console.log("satu") + break; + case 2: + console.log("dua") + break; + case 3: + console.log("tiga") + break; + case 4: + console.log("empat") + break; + case 5: + console.log("lima") + break; + case 6: + console.log("enam") + break; + case 7: + console.log("tujuh") + break; + case 8: + console.log("delapan") + break; + case 9: + console.log("sembilan") + break; + case 10: + console.log("Sepuluh"); + break; + default: + console.log("data tidak terhubung"); + break; + } +} + +switchcase() diff --git a/bilanganGanjil.js b/bilanganGanjil.js new file mode 100644 index 00000000..2b0da46e --- /dev/null +++ b/bilanganGanjil.js @@ -0,0 +1,19 @@ +var panggilBilanganGanjil = ()=>{ +var bilanganGenap = [] + var bilanganGanjil = [] + + for (var i = 1; i < 31; i++) { + if (i%2 !== 0){ + bilanganGanjil.push(i) + } + else{ + if(i%2 === 0){ + bilanganGenap.push(i) + } + } + } + //return bilanganGenap.concat(bilanganGanjil).join(",") + return bilanganGanjil +} + +console.log(panggilBilanganGanjil()); diff --git a/bilanganGenap.js b/bilanganGenap.js new file mode 100644 index 00000000..6e4ff19f --- /dev/null +++ b/bilanganGenap.js @@ -0,0 +1,12 @@ +var panggilBilanganGenap = ()=>{ + var bilanganGenap = [] + + for (var i = 1; i < 31 ; i++) { + if (i % 2 === 0){ + bilanganGenap.push(i*4) + } + } + return bilanganGenap +} + +console.log(panggilBilanganGenap()); diff --git a/bilanganKelipatan.js b/bilanganKelipatan.js new file mode 100644 index 00000000..4f7cb481 --- /dev/null +++ b/bilanganKelipatan.js @@ -0,0 +1,13 @@ +var panggilBilanganKelipatan = ()=>{ + var bilanganKelipatan = [] + + for (var i = 1;i < 51; i++){ + //bilanganKelipatan.push(i) + if (i%5 === 0){ + bilanganKelipatan.push(i) + } + } + return bilanganKelipatan +} + +console.log(panggilBilanganKelipatan()); diff --git a/comment.js b/comment.js new file mode 100644 index 00000000..24a91500 --- /dev/null +++ b/comment.js @@ -0,0 +1,7 @@ +function panggilComment(){ + console.log("satu") + console.log("dua") + console.log("tiga"); +} + +panggilComment() diff --git a/filter.js b/filter.js new file mode 100644 index 00000000..58bbfa98 --- /dev/null +++ b/filter.js @@ -0,0 +1,26 @@ +var panggilfilter = ()=>{ + var data = [1,2,3,4,5,6,7,8,9,10] + var dataFilter = data.filter((result)=>{ + return result % 2 !== 0 + }) + console.log(dataFilter.join(",")) +} +panggilfilter() + +//filter dengan object +var panggilfilter2 = ()=>{ + var data2 = [ + {kota : "bandung",propinsi :"jabar"}, + {kota : "semarang",propinsi :"jateng"}, + {kota : "surabaya",propinsi : "jatim"}, + {kota : "kediri",propinsi :"jatim"}, + {kota : "malang",propinsi :"jatim"}, + {kota : "pekalongan",propinsi : "jateng"}, + {kota : "majalengka",propinsi : "jabar"} + ] + var dataFilter2 = data2.filter((item)=>{ + return item.propinsi === "jateng" + }) + return dataFilter2 +} +console.log(panggilfilter2()) diff --git a/for.js b/for.js new file mode 100644 index 00000000..837e33de --- /dev/null +++ b/for.js @@ -0,0 +1,11 @@ +var perulangan = () =>{ + var kota = ["jakarta","bandung","surabaya"] + var i = 0; + for (i = 0; i < kota.length; i++){ + console.log('kota :'+kota[i])//item + console.log(i)//index + console.log(kota)//array + } +} + +perulangan() diff --git a/foreach.js b/foreach.js new file mode 100644 index 00000000..527a51b9 --- /dev/null +++ b/foreach.js @@ -0,0 +1,10 @@ +var panggilForeach = ()=>{ + var kota = ["jakarta","Bandung","Surabaya"] + + kota.forEach((item,index,array)=>{ + console.log(item) + console.log(index) + console.log(array) + }) +} +panggilForeach() diff --git a/function.js b/function.js new file mode 100644 index 00000000..5fdb2d42 --- /dev/null +++ b/function.js @@ -0,0 +1,16 @@ +function jalanSatu(){ + console.log("jalan satu") +} + +const jalanDua = function(){ + console.log("jalan dua") +} + +jalanSatu() +jalanDua() + +const jalanTiga = () =>{ + console.log("Jalan Tiga") +} + +jalanTiga() diff --git a/if-else.js b/if-else.js new file mode 100644 index 00000000..832096c9 --- /dev/null +++ b/if-else.js @@ -0,0 +1,15 @@ +function jalanSatu(){ + var nilai = 1; + // if(nilai === 3){ + // console.log("benar") + // }else if (nilai === 2){ + // console.log("Dua"); + // } + // else { + // console.log("salah") + // } + if(nilai===1)console.log("OK"); + else console.log("Bukan"); +} + +jalanSatu() diff --git a/index.js b/index.js new file mode 100644 index 00000000..086a8f78 --- /dev/null +++ b/index.js @@ -0,0 +1,14 @@ +var pesan1 = "hello Coding" +let pesan2 = "hello" +const pesan3 = "Coding" + +if (true) { + var pesan1 = "rubah1" + let pesan2 = "rubah2" + + console.log(pesan2) +} + + +console.log(pesan1) +console.log(pesan2) diff --git a/latihanperulangan.js b/latihanperulangan.js new file mode 100644 index 00000000..1c0fe3dc --- /dev/null +++ b/latihanperulangan.js @@ -0,0 +1,36 @@ +var panggilPerulangan = ()=>{ + var daerah = { + kota : ["jakarta","bandung","surabaya"], + } + var data = { + kotaFor : [], + kotaforEach : [], + kotaMap : [] + } + //perulangan dengan for + // for (var i = 0 ; i < daerah.kota.length;i++){ + // console.log(daerah.kota[i]) + // console.log(i) + // console.log(daerah.kota) + // data.kotaFor.push("kota : "+daerah.kota[i]) + // } + // return data.kotaFor + // console.log("--------------------------------"); + //perulangan dengan foreach + // daerah.kota.forEach((item,index,array)=>{ + // console.log(item) + // console.log(index) + // console.log(array) + // data.kotaforEach.push("kota : "+item) + // }) + // return data.kotaforEach + console.log("--------------------------------"); + //perulangan dengan map + var ok = daerah.kota.map((item,index,array)=>{ + return 'kota : '+item + }) + console.log(ok); +} + +(panggilPerulangan()) +console.log("--------------------------------"); diff --git a/map.js b/map.js new file mode 100644 index 00000000..47ef965b --- /dev/null +++ b/map.js @@ -0,0 +1,11 @@ +var panggilPerintahMap = ()=>{ + var kota = ["jakarta","Bandung","Surabaya","Malang","Semarang"] + + kota.map((item,index,array)=>{ + console.log(item) + console.log(index) + console.log(array) + }) +} + +panggilPerintahMap() diff --git a/modulus.js b/modulus.js new file mode 100644 index 00000000..118b18a2 --- /dev/null +++ b/modulus.js @@ -0,0 +1,9 @@ +var panggilModulus = ()=>{ + var data1 = 10 + var data2 = 3 + + return data1 % data2 + +} + +console.log(panggilModulus()); diff --git a/nested-array.js b/nested-array.js new file mode 100644 index 00000000..c3a3da5d --- /dev/null +++ b/nested-array.js @@ -0,0 +1,10 @@ +var paneggilNestedArray = () => { + var dataNama = [["AB","AC","AD"], + ["Bola","Bola2","Bola3"], + ["Rem1","Rem2","Rem3"]] + + console.log(dataNama.length) + console.log(dataNama[0][2]) +} + +paneggilNestedArray() diff --git a/object.js b/object.js new file mode 100644 index 00000000..a11d99ea --- /dev/null +++ b/object.js @@ -0,0 +1,17 @@ +var panggilObject = () => { + var motor = { + merk : ["Honda","Yamaha","Suzuki"], + cc : ["125cc","150cc","250cc"], + harga : ["15jt","20jt","25jt"], + warna : ["hitam","putih","biru"], + } + console.log(motor.merk[0],"?") + console.log(motor.cc[2],"?") + console.log(motor.harga[2],"?") + console.log(motor.warna[1],"?") + console.log("Motor Apakah itu ?") + + if (motor.merk[0] && motor.cc[2] && motor.harga[2] && motor.warna[1]) console.log("Honda CBR 250CC") +} + +panggilObject() diff --git a/operator.js b/operator.js new file mode 100644 index 00000000..a47c9b04 --- /dev/null +++ b/operator.js @@ -0,0 +1,8 @@ +var panggiloperators = function(){ + var a = 7 + var b = 5 + + return a%b +} + +console.log(panggiloperators()) diff --git a/parameter.js b/parameter.js new file mode 100644 index 00000000..8993d658 --- /dev/null +++ b/parameter.js @@ -0,0 +1,4 @@ +var panggilParameter = (a,b,c)=>{ + return a+b+c +} +console.log(panggilParameter(12,13,25)) diff --git a/switch.js b/switch.js new file mode 100644 index 00000000..1f7ea510 --- /dev/null +++ b/switch.js @@ -0,0 +1,34 @@ +const logic = function () { + var nilai = 49; + + if(nilai >=90 && nilai <=100) indeks=1 + else if (nilai >=80) indeks =2 + else if (nilai >=65) indeks =3 + else if (nilai >=50) indeks =4 + else if (nilai >= 0) indeks = 5 +} + +var result = () => +{ + logic() + + switch(indeks){ + case 1: + console.log("sangat baik") + break; + case 2: + console.log("Baik") + break; + case 3: + console.log("Cukup") + break; + case 4: + console.log("Kurang") + break; + case 5: + console.log("Kebangetan parah") + break; + } +} + +result() diff --git a/tipedata.js b/tipedata.js new file mode 100644 index 00000000..9ad7a054 --- /dev/null +++ b/tipedata.js @@ -0,0 +1,11 @@ +var tipedata = function(){ + var data = 123 + if (data === 123) { + return typeof(data) + } + else { + return "gagal" + } +} + +console.log(tipedata()) diff --git a/tugas/background1.css b/tugas/background1.css new file mode 100644 index 00000000..15bf6560 --- /dev/null +++ b/tugas/background1.css @@ -0,0 +1,7 @@ +.container{ + background:linear-gradient(yellow, green, red); + height:100%; + width: 100%; + opacity: 0.6; + position: relative; +} diff --git a/tugas/background1.html b/tugas/background1.html new file mode 100644 index 00000000..9ab5831b --- /dev/null +++ b/tugas/background1.html @@ -0,0 +1,11 @@ + + + Background1 + + + +
+ +
+ + diff --git a/tugas/background2.css b/tugas/background2.css new file mode 100644 index 00000000..f1af53c2 --- /dev/null +++ b/tugas/background2.css @@ -0,0 +1,7 @@ +.container{ + background:linear-gradient(magenta, blue, violet); + height:100%; + width: 100%; + opacity: 0.4; + position: relative; +} diff --git a/tugas/background2.html b/tugas/background2.html new file mode 100644 index 00000000..09122d61 --- /dev/null +++ b/tugas/background2.html @@ -0,0 +1,11 @@ + + + Background1 + + + +
+ +
+ + diff --git a/tugas/index.html b/tugas/index.html new file mode 100644 index 00000000..bd589ef3 --- /dev/null +++ b/tugas/index.html @@ -0,0 +1,67 @@ + + + HOME + + + +
+ +
+ +
+ + + + + + + + + +

Temukan

Musikmu

+

Unduh

VIP

 + + + + + + + + + + + + + + + +
+
+
+ +
+
+

+
+ +
+
+
+
+
+
+
+
+
+

POWERED BY JOOX CLONE @ 2018

+
+
+
+
+ +
+ + + diff --git a/tugas/style.css b/tugas/style.css new file mode 100644 index 00000000..ed63790e --- /dev/null +++ b/tugas/style.css @@ -0,0 +1,183 @@ +body { + background: white; +} + +.container { + background:black; + background-position:center; + height: 100%; + width:100%; + position:absolute; + top:0; + right:0; + left:0; + opacity:1; +} + +.header { + background: black; + background-position: center; + height:8%; + width:100%; + position: relative; + top: 2%; + display: inline-flex; + opacity: 1; +} + +.logo{ + background-position:left; + height:100%; + width:10%; + position:relative; + left:10%; +} + +.gambarlogo{ + background-position: center; + height: 100%; + width: 100%; + position: relative; + left:10%; + opacity:0.7; +} + +.menu { + color: darkgrey; + background-position: center; + height:100%; + width:40%; + position: relative; + left: 10%; + display:flex; + letter-spacing: 2px; + float:right; +} + +.setTable{ + border: 2px solid none; + height: 100%; + position: relative; + left: 5%; +} + +.setTable{ + border-spacing:15px; +} +.setRow{ + background-position: center; + padding-left: 17px; + border: 2px solid none; + width: 20%; + position: relative; + left:0%; +} + +.setPosition{ + position: relative; + bottom: 7%; + left:10%; +} + +.textSearch{ + background: transparent; + color: black; + border: 1px none black; + opacity: 3; +} + +.textButton{ + background: black; + color: grey; + border : 0.1px solid black; + opacity: 2; +} + +.setSize{ + height:70%; +} + +.setFont{ + color: grey; +} + +h1{ + color: darkgrey; + font-size: 20px; + font-weight: bold; + font-family:sans-serif; + text-align: center; +} + +.body{ + background-color:black; + background-position: center; + height:84%; + width:100%; + position: relative; +} + +.headBody { + background:radial-gradient(circle,grey,black, grey ); + height:50%; + width:100%; + position:relative; + opacity: 7; +} + +.setFrame{ + background-position: center; + position: relative; + top: 12%; + left: 25%; +} + +.callFrame{ + position: relative; + border: none; + +} + +.footBody{ + background:black transparent; + height:50%; + width: 100%; + position: relative; + opacity:1; +} + +.barMenu{ + background:grey; + object-position:center; + height:8%; + width: 25%; + position:relative; + left:25%; + right:25%; + opacity:0.3; + display: inline-block; +} + +#barMenu1:hover{ + background: white; + height:100%; + width:50%; + position: relative; +} + +#barMenu2:hover{ + background: white; + height:100%; + width:50%; + position: relative; + +} +.footer { + background: linear-gradient(black 10%, darkgrey 5%, black 50%, darkgrey 5%, black 10%); + background-position: center; + height:8%; + width:100%; + position:fixed; + bottom: 2%; + opacity: 0.3; +} diff --git a/typeOf.js b/typeOf.js new file mode 100644 index 00000000..c6f1c0f4 --- /dev/null +++ b/typeOf.js @@ -0,0 +1,10 @@ +function checkTypeData(){ + var data = "Nama" + + if (typeof(data) === "string") { + console.log("ok"); + } + //console.log(typeof(data)); +} + +checkTypeData()