From 54173cc64b0a1a8f38709bcac7a0192e3d8b584a Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Sun, 29 Jul 2018 03:19:17 +0700 Subject: [PATCH 01/16] menambahkan fungsi if pada index.js --- index.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 index.js 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) From 6e7117e9339f833fb02e6f9e51afe9a8db1abf1d Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Sun, 29 Jul 2018 04:23:03 +0700 Subject: [PATCH 02/16] add file function.js and if-else.js --- function.js | 16 ++++++++++++++++ if-else.js | 15 +++++++++++++++ 2 files changed, 31 insertions(+) create mode 100644 function.js create mode 100644 if-else.js 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() From 3608d9fc107cdcf65d96847223796c2c0bd888b2 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Thu, 2 Aug 2018 01:59:21 +0700 Subject: [PATCH 03/16] menambahlan file switch.js --- switch.js | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 switch.js 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() From b61cc76cbb35b6c276181b33d1d54dadff11179f Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 02:06:29 +0700 Subject: [PATCH 04/16] menambahkan file for.js --- for.js | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 for.js diff --git a/for.js b/for.js new file mode 100644 index 00000000..e447b4ee --- /dev/null +++ b/for.js @@ -0,0 +1,9 @@ +var perulangan = () =>{ + var i = 0; + for (i = 0; i < 5; i++){ + console.log("test ",i) + } +} + +perulangan() +s From 08c0bc73a8d8d10aebd66bc775a8f0c8ca4c73d6 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 02:49:58 +0700 Subject: [PATCH 05/16] mengupdate source for.js --- array.js | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 array.js 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() From a701c74fc7ffeb0434903533ca7f50d9a644a263 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 03:20:25 +0700 Subject: [PATCH 06/16] Menambahkan file nested-array.js --- nested-array.js | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 nested-array.js 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() From ab0a15bb3a58be1cdb0f2282914661a946ca142c Mon Sep 17 00:00:00 2001 From: bagusjunaediardianto <33486751+bagusjunaediardianto@users.noreply.github.com> Date: Fri, 3 Aug 2018 03:27:23 +0700 Subject: [PATCH 07/16] Update nested-array.js --- nested-array.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/nested-array.js b/nested-array.js index c3a3da5d..02fd6ae8 100644 --- a/nested-array.js +++ b/nested-array.js @@ -4,7 +4,10 @@ var paneggilNestedArray = () => { ["Rem1","Rem2","Rem3"]] console.log(dataNama.length) + console.log(dataNama[0][1]) console.log(dataNama[0][2]) + console.log(dataNama[1][2]) + console.log(dataNama[2][2]) } paneggilNestedArray() From a0c6c68ecda3550078649d656546207b2e16a3ac Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 03:28:43 +0700 Subject: [PATCH 08/16] Modify nested-array.js --- nested-array.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/nested-array.js b/nested-array.js index 02fd6ae8..c3a3da5d 100644 --- a/nested-array.js +++ b/nested-array.js @@ -4,10 +4,7 @@ var paneggilNestedArray = () => { ["Rem1","Rem2","Rem3"]] console.log(dataNama.length) - console.log(dataNama[0][1]) console.log(dataNama[0][2]) - console.log(dataNama[1][2]) - console.log(dataNama[2][2]) } paneggilNestedArray() From 59afd0a6aa1d2a7142264cc11ef7d4ca8325ae19 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 03:57:00 +0700 Subject: [PATCH 09/16] menambahkan file object.js --- object.js | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 object.js diff --git a/object.js b/object.js new file mode 100644 index 00000000..440019c4 --- /dev/null +++ b/object.js @@ -0,0 +1,11 @@ +function panggilObject(){ + var mobil = { + type : 'Sedan', + harga: '200juta', + warna: 'Putih', + } + console.log(mobil) + console.log(mobil.warna) +} + +panggilObject() From e64c5f9e0c6c37f4b3da95a02c0f0897f18717bf Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 03:58:56 +0700 Subject: [PATCH 10/16] modify object.js --- object.js | 1 + 1 file changed, 1 insertion(+) diff --git a/object.js b/object.js index 440019c4..16b331cd 100644 --- a/object.js +++ b/object.js @@ -6,6 +6,7 @@ function panggilObject(){ } console.log(mobil) console.log(mobil.warna) + console.log(mobil.type) } panggilObject() From 328ec2b49b1cba082cb1a4bc34050d08f08da21a Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 04:01:48 +0700 Subject: [PATCH 11/16] modify obejct.js --- object.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 object.js diff --git a/object.js b/object.js new file mode 100644 index 00000000..e6cbdbf5 --- /dev/null +++ b/object.js @@ -0,0 +1,13 @@ +function panggilObject(){ + var mobil = { + type : 'Sedan', + harga: '200juta', + warna: 'Putih', + } + console.log(mobil) + console.log(mobil.warna) + console.log(mobil.type) + console.log(mobil.harga) +} + +panggilObject() From c251f6722579af9ab9b88636593de2b8623c3814 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Fri, 3 Aug 2018 04:12:52 +0700 Subject: [PATCH 12/16] modify obejct.js --- object.js | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/object.js b/object.js index e6cbdbf5..a11d99ea 100644 --- a/object.js +++ b/object.js @@ -1,13 +1,17 @@ -function panggilObject(){ - var mobil = { - type : 'Sedan', - harga: '200juta', - warna: 'Putih', +var panggilObject = () => { + var motor = { + merk : ["Honda","Yamaha","Suzuki"], + cc : ["125cc","150cc","250cc"], + harga : ["15jt","20jt","25jt"], + warna : ["hitam","putih","biru"], } - console.log(mobil) - console.log(mobil.warna) - console.log(mobil.type) - console.log(mobil.harga) + 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() From 56bdd28546535a5c10ea1e7dda826fb0be3b865e Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Mon, 13 Aug 2018 06:07:54 +0700 Subject: [PATCH 13/16] add tugas/index.html & tugas/style.css --- tugas/index.html | 52 +++++++++++++++++++++ tugas/style.css | 116 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 168 insertions(+) create mode 100644 tugas/index.html create mode 100644 tugas/style.css diff --git a/tugas/index.html b/tugas/index.html new file mode 100644 index 00000000..db25c8c1 --- /dev/null +++ b/tugas/index.html @@ -0,0 +1,52 @@ + + + HOME + + + +
+ +
+ +
+ + + + + + + + + +

Temukan

Musikmu

+

Unduh

VIP

 + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+ +
+
+ + diff --git a/tugas/style.css b/tugas/style.css new file mode 100644 index 00000000..1160b542 --- /dev/null +++ b/tugas/style.css @@ -0,0 +1,116 @@ +body { + background: white; +} + +.container { + background:black; + background-position:center ; + height: 100%; + width:100%; + position:absolute; + right:-1; + left:-1; + opacity: 3; +} + +.header { + background-color:black; + background-position: center; + height:10%; + width:100%; + position: relative; + display: inline-flex; +} + +.logo{ + background-position:left; + height:100%; + width:10%; + position:relative; +} + +.gambarlogo{ + background-position: center; + height: 100%; + width: 100%; + position: relative; + left:10%; + opacity:7; +} + +.menu { + color: darkgrey; + background-position: center; + height:100%; + width:40%; + position: relative; + display:flex; + letter-spacing: 2px; + float:right; +} + +.setTable{ + border: 2px solid black; + height: 100%; + position: relative; + left: 5%; +} + +.setTable{ + border-spacing:15px; +} +.setRow{ + background-position: center; + padding-left: 17px; + border: 2px solid white; + width: 20%; + position: relative; + left:0%; +} + +.setPosition{ + position: relative; + bottom: 7%; + left:10%; +} + +.textSearch{ + background: black; + color: darkgrey; + border:0.1px solid black; + opacity: 2; +} + +.textButton{ + background: black; + color: darkgrey; + border : 0.1px solid black; + opacity: 2; +} + +.setSize{ + height:70%; +} + +h1{ + color: darkgrey; + font-size: 20px; + font-weight: bold; + font-family:sans-serif; + text-align: center; +} + +.body{ + background-color: grey; + background-position: center; + height:80%; + width:100%; + position: relative; +} +.footer { + background-color: darkgrey; + background-position: center; + height:10%; + width:100%; + position:relative; +} From bd73f9fc2e54df248d2bffeb0fbe20b8543e12e3 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Mon, 13 Aug 2018 06:09:14 +0700 Subject: [PATCH 14/16] add tugas/index.html & tugas/style.css --- tugas/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tugas/style.css b/tugas/style.css index 1160b542..f7952c69 100644 --- a/tugas/style.css +++ b/tugas/style.css @@ -62,7 +62,7 @@ body { .setRow{ background-position: center; padding-left: 17px; - border: 2px solid white; + border: 2px solid black; width: 20%; position: relative; left:0%; From a1089a6bcce7a56feab3000954904ae50ae929f2 Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Tue, 14 Aug 2018 04:43:01 +0700 Subject: [PATCH 15/16] update index.html dan style.css --- tugas/index.html | 11 ++++++++--- tugas/style.css | 46 +++++++++++++++++++++++++++++++++++----------- 2 files changed, 43 insertions(+), 14 deletions(-) diff --git a/tugas/index.html b/tugas/index.html index db25c8c1..728161be 100644 --- a/tugas/index.html +++ b/tugas/index.html @@ -30,10 +30,10 @@ - + - - + + @@ -42,7 +42,12 @@
+
+
+
+ +
diff --git a/tugas/style.css b/tugas/style.css index f7952c69..6fbdecca 100644 --- a/tugas/style.css +++ b/tugas/style.css @@ -4,7 +4,7 @@ body { .container { background:black; - background-position:center ; + background-position:center; height: 100%; width:100%; position:absolute; @@ -14,7 +14,7 @@ body { } .header { - background-color:black; + background: black; background-position: center; height:10%; width:100%; @@ -27,6 +27,7 @@ body { height:100%; width:10%; position:relative; + left:10%; } .gambarlogo{ @@ -44,13 +45,14 @@ body { height:100%; width:40%; position: relative; + left: 10%; display:flex; letter-spacing: 2px; float:right; } .setTable{ - border: 2px solid black; + border: 2px solid none; height: 100%; position: relative; left: 5%; @@ -62,7 +64,7 @@ body { .setRow{ background-position: center; padding-left: 17px; - border: 2px solid black; + border: 2px solid none; width: 20%; position: relative; left:0%; @@ -75,15 +77,15 @@ body { } .textSearch{ - background: black; - color: darkgrey; - border:0.1px solid black; - opacity: 2; + background: transparent; + color: black; + border: 1px none black; + opacity: 3; } .textButton{ background: black; - color: darkgrey; + color: grey; border : 0.1px solid black; opacity: 2; } @@ -92,6 +94,10 @@ body { height:70%; } +.setFont{ + color: grey; +} + h1{ color: darkgrey; font-size: 20px; @@ -101,14 +107,32 @@ h1{ } .body{ - background-color: grey; + background-color:black; background-position: center; height:80%; width:100%; position: relative; } + +.headBody { + background:radial-gradient(circle,grey,black, grey ); + height:50%; + width:100%; + position:relative; + opacity: 7; +} + +.footBody{ + background:black transparent; + height:50%; + width: 100%; + position: relative; + opacity:7; + +} + .footer { - background-color: darkgrey; + background: linear-gradient(black 10%, darkgrey 5%, black 50%, darkgrey 5%, black 10%); background-position: center; height:10%; width:100%; From 7f9867e73c7a2628fd5f4f468804b94f8d9c074c Mon Sep 17 00:00:00 2001 From: Bagus ardianto Date: Mon, 17 Sep 2018 03:11:46 +0700 Subject: [PATCH 16/16] menambahkan sampai function parameter --- array-concat.js | 12 +++++++++ array-indexof.js | 17 ++++++++++++ array-join.js | 11 ++++++++ array-object.js | 13 +++++++++ array-pop.js | 16 +++++++++++ array-push.js | 10 +++++++ array-reverse.js | 11 ++++++++ array-shift.js | 17 ++++++++++++ array-splice.js | 13 +++++++++ array-split.js | 47 ++++++++++++++++++++++++++++++++ array-unshift.js | 12 +++++++++ bilanganGanjil.js | 19 +++++++++++++ bilanganGenap.js | 12 +++++++++ bilanganKelipatan.js | 13 +++++++++ comment.js | 7 +++++ filter.js | 26 ++++++++++++++++++ for.js | 8 +++--- foreach.js | 10 +++++++ latihanperulangan.js | 36 +++++++++++++++++++++++++ map.js | 11 ++++++++ modulus.js | 9 +++++++ operator.js | 8 ++++++ parameter.js | 4 +++ tipedata.js | 11 ++++++++ tugas/background1.css | 7 +++++ tugas/background1.html | 11 ++++++++ tugas/background2.css | 7 +++++ tugas/background2.html | 11 ++++++++ tugas/index.html | 14 ++++++++-- tugas/style.css | 61 +++++++++++++++++++++++++++++++++++------- typeOf.js | 10 +++++++ 31 files changed, 460 insertions(+), 14 deletions(-) create mode 100644 array-concat.js create mode 100644 array-indexof.js create mode 100644 array-join.js create mode 100644 array-object.js create mode 100644 array-pop.js create mode 100644 array-push.js create mode 100644 array-reverse.js create mode 100644 array-shift.js create mode 100644 array-splice.js create mode 100644 array-split.js create mode 100644 array-unshift.js create mode 100644 bilanganGanjil.js create mode 100644 bilanganGenap.js create mode 100644 bilanganKelipatan.js create mode 100644 comment.js create mode 100644 filter.js create mode 100644 foreach.js create mode 100644 latihanperulangan.js create mode 100644 map.js create mode 100644 modulus.js create mode 100644 operator.js create mode 100644 parameter.js create mode 100644 tipedata.js create mode 100644 tugas/background1.css create mode 100644 tugas/background1.html create mode 100644 tugas/background2.css create mode 100644 tugas/background2.html create mode 100644 typeOf.js 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/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 index e447b4ee..837e33de 100644 --- a/for.js +++ b/for.js @@ -1,9 +1,11 @@ var perulangan = () =>{ + var kota = ["jakarta","bandung","surabaya"] var i = 0; - for (i = 0; i < 5; i++){ - console.log("test ",i) + for (i = 0; i < kota.length; i++){ + console.log('kota :'+kota[i])//item + console.log(i)//index + console.log(kota)//array } } perulangan() -s 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/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/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/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 index 728161be..bd589ef3 100644 --- a/tugas/index.html +++ b/tugas/index.html @@ -43,10 +43,20 @@
- +

+
+ +
- +
+
+
+
+
+
+

POWERED BY JOOX CLONE @ 2018

+
diff --git a/tugas/style.css b/tugas/style.css index 6fbdecca..ed63790e 100644 --- a/tugas/style.css +++ b/tugas/style.css @@ -8,18 +8,21 @@ body { height: 100%; width:100%; position:absolute; - right:-1; - left:-1; - opacity: 3; + top:0; + right:0; + left:0; + opacity:1; } .header { background: black; background-position: center; - height:10%; + height:8%; width:100%; position: relative; + top: 2%; display: inline-flex; + opacity: 1; } .logo{ @@ -36,7 +39,7 @@ body { width: 100%; position: relative; left:10%; - opacity:7; + opacity:0.7; } .menu { @@ -109,7 +112,7 @@ h1{ .body{ background-color:black; background-position: center; - height:80%; + height:84%; width:100%; position: relative; } @@ -122,19 +125,59 @@ h1{ 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:7; + 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:10%; + height:8%; width:100%; - position:relative; + 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()