Javascript

Run Settings
LanguageJavaScript
Language Version
Run Command
let z=100; console.log(typeof(z)) const y="boy"; console.log(typeof(y)) /* number */ let b=1; let a=2; console.log(a+b) /* increment dan decrement */ let c=25; console.log(++c) let domi=12; console.log(domi++) /* strings */ let kata="boy"; let kata1= kata + kata; console.log /* boolean */ const poi=12; const tai=6; let moba= poi > tai; let legen= poi < tai; console.log(moba) console.log(legen) let myArray = ["mobil", 27, "boy", 2007] console.log(myArray[1]) console.log("panjang nilai array adalah " + myArray.length + ".") let objects= { firtsname: "harry", lastname: "septa", umur: 37, pekerjaan: "programmer" } console.log("nama saya " + objects.firtsname + " " + "pekerjaan saya " + objects.pekerjaan) let uy=12; let bu=14; uy +=bu /* uy= uy +bu*/ console.log(uy) let out=12; let inn="12"; console.log(out === inn) /* kenapa false karena out number type nya dan inn string. identik itu dilihat dari typenya*/ let pol=6; let pot=19; console.log(pol>5 && pot > 10) console.log(pol>8 && pot > 9) /* false karena logic pertama bernilai false dan itu harus keduanya bernilai true*/ console.log(!(pol>5 && pot > 10)) /*berlawanan hasil di line 56 karena menggunakan operator ! (not) (berlawanan)*/ let po=50; if (po > 70) { console.log(po) } else { console.log("nilai kurang") } let mor= "english"; let greet= "Selamat pagi"; if (mor === "english"){ greet= "siang aja" } console.log(greet) let lapt="Pekanbaru"; let tops="selamat malam"; if(lapt==="bali"){ tops="siang" } else if (lapt === "Pekanbaru") { tops="Selamat Datang" } else if (lapt === "Bandung") { tops="Selamat Jalan" } console.log(tops) /* loop */ let Arrays = ["herman", "King", "moi", "le"]; for (let i=0; i < Arrays.length; i++){ console.log(Arrays[i]); } /* menggunakan for loop tanpa harus mendeklarasikan dan lebih simple*/ const pogba=["mcu", "juventus", "realmadrid"]; for (const mou of pogba){ console.log(mou) } const sayHello = language => { if(language.toUpperCase() === "INDONESIA") { return "Selamat Pagi!"; } else { return "Good Morning!"; } } console.log(sayHello("jepang"));
function greeting(){ console.log("Selamat pagi"); } greeting(); function Mahal(a,b){ return a *b } let murah = Mahal(14,2) console.log(murah) //destrukturisasi array // kita menyimpan nilai array kedalam variabel let kapal=["peri", "oma","pesiar"]; let [darat, air, udara]= kapal; console.log(darat) // atau bisa juga dikosongkan tanpa disimpan pada variabel let mobil= ['karimun', 'xenia','avanza','kijang']; let [merah, putih, ,abuAbu]= mobil; console.log(abuAbu) // menukar nilai variabel let c= 10; let p=12; [c,p]=[p,c]; // sekarang p=10 dan p=12 //pada objek let laptop={ merk:'asus', harga:12000, warna: 'coklat' }; let {merk, harga, warna}= laptop; console.log(merk) // beda nama let {merk: type, harga: price, warna: warni}= laptop; console.log(price) let op=['pb','lostsaga','mobel']; let [android, pc, tablet]= op; console.log(android) let ox= { kasur: 'murah', meja: 'mahal', ac: 'daikin' }; let {kasur, meja, ac}= ox; console.log(`sebulan yang lalu saya beli kasurnya itu ${kasur} dan meja belajar saya itu ${meja}`) //objek didalam objek let mall={ pekanbaru: 'mp', medan: 'ska', aceh: { laut: 'indah', cafe: 'mahal' } }; let {aceh: {laut}}= mall; console.log(laut) const keranjang =()=> { return "saya suka makan nasi" } keranjang(); console.log(keranjang()) // object shorthand // menyimpan variabel dalam object // nama variabel harus sama dengan nama properti // fungsi nama properti harus sama dengan nama variabel let suaraKucing= "meong"; let suaraAnjing= "gong"; let suaraBuaya= "aku sayang kamu"; let suara = {suaraKucing, suaraAnjing, suaraBuaya}; console.log(suaraBuaya) const mantan= (nama, status, pendidikan) => { return {nama, status, pendidikan}; } console.log(mantan("ko","lajang","s2")) // method let operasiMatematika= { nama: "penjumlahan", operasi: function(angka1, angka2){ let hasil= angka1 + angka2; return `hasil dari ${this.nama} dari ${angka1} * ${angka2} samadengan ${hasil}` } }; console.log(operasiMatematika.operasi(4,5)) let koil={ hp: 'samsung', tas: 'adidas', meja: 'jati' }; console.log(`hp saya bermerek ${this.hp}`) const users = [ { name: "Bob", id: 1 }, { name: "Jane", id: 2 }, { name: "Fred", id: 3 }, ]; const usernames = users.map(user => user.name); console.log(usernames); const sinyal={ bagus: "samsung", jelek: ()=> { console.log("nokia"); } }; sinyal.jelek() // method pada objek const animal={ name: "leo", age: 3, greet: ()=> { console.log("Halo"); } }; console.log(animal.name); animal.greet()
function tria (name, language){ if(language === "english"){ return "Good Morning" + name + "!"; } else if (language === "french"){ return "Apa Kabar" + name + "!"; } else { return "Saya Sudah Makan" + name + "!"; } } let saya= tria("Boy","french"); console.log(saya); function penjumlahan(a,b) { return a*b } let hasil=penjumlahan(8*2,9*2) console.log(hasil) // blueprint untuk menampung semua class // Animal disebut blueprint // animal disebut instance class Animal { constructor(){ this.name="leo"; this.age= 17; } } const animal= new Animal(); // console.log(`Nama ${animal.name}`); console.log(`Umur saya ${animal.age}`); // Dog diwariskan Animal // class Dog extends Animal { // } // Terapkan instance class Dog ke constant dog // const dog = new Dog("Leo",4); // Panggil method info dari constant dog // dog.info(); // info gunanya memanggil semua method pada Animal (elemen induk) // greet disebut method ( yaitu function yang ada didalam class) class Star { constructor(name,age){ this.name=name; this.age=age; } greet(){ console.log("halo"); } } const star= new Star("Boy",9); console.log(`nama saya ${star.name}`) console.log(`umur saya ${star.age}`) star.greet(); // class Animals { // constructor(name, age) { // this.name = name; // this.age = age; // } // greet() { // console.log("Halo"); // } // // Tambahkan method info // info(){ // this.greet(); // memanggil method lain didalam satu class // console.log(`Nama saya adalah ${this.name}`); // console.log(`Saya berusia ${this.age} tahun`); // } // } // const animals = new Animals("Leo", 3); // animals.info(); // class Dog extends Animal { // // Tambahkan method getHumanAge // getHumanAge(){ // return this.age * 7; // } // } // const dog = new Dog("Leo", 4); // dog.info(); // // Panggil method getHumanAge milik instance dog // const humanAge = dog.getHumanAge(); // // Print 「Saya berusia __ tahun dalam umur manusia」 const sepeda = ()=> { console.log("hallow world") }; sepeda(); const huruf = () => { console.log(`Hello ${nama}`) }; const call=(callback)=>{ const nama= prompt ("masukkan nama:" ) callback(nama); }; call(huruf);
let a = "boy" function kol(){ let a = "riko"; } console.log(a) /* kenapa hasil nya boy karena console.log nya tidak kita pakai didalam function atau kita letak diluar function yg artinya dia akan mengenal varibel global yaitu boy jika kita letak didalam function maka dia akan mengambil didalam function di dalam function scope harus dituliskan var atau let atau const supaya menandai bahwa dia berapa didalam function scope, jika tidak maka akan mengambil variabel global*/ let b = "ganduik"; function kost(){ b= "kaliang"; } console.log(b) let numbers = [12, 1, 23, 2] console.log(numbers[2]) const hari = "sabtu" switch (hari){ case "senin": console.log("baju renang") break; case "selasa": console.log("baju bola") break; default: console.log("baju merah putih") } let angka = [1, 46, 75, 12, 89, 54, 101]; let genap = []; for (let i = 0; i<=angka.length; i++){ if(angka[i]%2==0){ genap.push(angka[i]); } } console.log(genap) const mcu= ["rooney", "ronaldo", "giggs"]; for (const chelsea in mcu){ console.log(chelsea) } const buku = { judul: "Harry Potter and The Philosopher's Stone", pengarang: "J. K. Rowling", tahun: 1997 }; for (lop in buku) { console.log(lop, ':', buku[lop]); } let poli=[]; let pol=5; do { console.log(pol) pol++; } while (pol <11) let salon = []; // Tulis kode kalian di bawah ini let sal = 5; while (sal >= 0) { angka.push(sal); sal-- } let kijang= [1, 46, 75, 12, 89, 54, 101] let mazda=[]; for (let mazdaOp of kijang){ if (mazdaOp % 2 == 1 ){ mazda.push(mazdaOp); } } console.log(mazda) function platMotor(genapGanjil){ for (let platMotorP=4; platMotorP<=10; platMotorP++){ if (platMotorP % 2 == 1){ platMotor.push(platMotorP) return "ganjil"; } else { return "genap"; } } } console.log(platMotor(5)) let x= 0; while(x<=10){ console.log(x) x++ } let love=0; do { console.log(love) love++ } while(love<=10); const greeting = () => "hallo Semua"; console.log(greeting()) const ronaldo = () => "hello ronaldo"; console.log(ronaldo()) //arrow function implicit return // syntax nya const namaFunction = () => "nilaiReturn"; const lemari= (angka1,angka2) => { return angka1 * angka2 } console.log(lemari(2,5)); // arrow function. // syntax nya const namaFunction= (parameter1,parameter2)=>{ // kode yang akan dijalankan // } const namaJenisAnjing = () => { const anjing = ["Pug", "Bulldog", "Poodle"]; return anjing[Math.floor(Math.random()*(anjing.length))]; } console.log(namaJenisAnjing()); const kokoKrunch = () =>{ const milo= ["angin","batu","pasir"]; return milo[Math.floor(Math.random()*(milo.length))]; } console.log(kokoKrunch()) function warnaKesukaan(warna){ return `warna kesukaan saya adalah ${warna}`; } warnaKesukaan("putih") console.log(warnaKesukaan("putih")) function warnaKesukaan(warna){ return `"Warna kesukaan saya adalah" + ${warna}`; } warnaKesukaan("putih") console.log(warnaKesukaan("putih")) function makan(bahan="makanannya", cara="kock", hasil="kue"){ return `saya buat ${bahan} dengan cara ${cara} hingga ${hasil}`; } makan("tepung","guling"); console.log(makan("tepung","tepuk")) function warnaBenci(color="putih"){ return `aku benci warna ${color}`; } warnaBenci("putih") console.log(warnaBenci("putih")) //putih pada color="putih" adalah nilai parameter bukan argumentnya ! //spread operator. yaitu memecahkan memecah objek menjadi pasangan properti-nilai yang membentuknya. let save=['pp','ll','gg']; console.log(...save) let namabuah1= ["apel", "mangga"]; let namabuah2= ["sirsak", "semangka"]; let semuaNamaBuah= [...namabuah1, ...namabuah2]; console.log(semuaNamaBuah); //objek let orang={ pekerjaan: "programmer", hobi: "badminton" }; orang={...orang, umur: 24, lahir: 1994} console.log(orang) //tanpa spread operator const laptop={ merek: "asus", tahun:1994, ram: "4gb" } laptop.milik= "boy"; console.log(laptop) const moos={ merk: "eyota", warna: "hijau" } const semua={...laptop,...moos}; //pakai spread operator console.log(semua) //spread operator pada array tidak dituliskan let/ constnya untuk variabel baru // jika objek dituliskan // rest parameter. mewakili parameter yang lain. // satu"nya atau terletak paling belakang. tidak boleh ditengah const lopi= (...params)=> { console.log(`nama saya adalah ${params}`) } lopi("boy", "ganteng"); const lp=function (a,b){ return a*b } (2,4); console.log(2,4)
let po=80; if (po > 70) { console.log(po) } else { console.log("nilai kurang") } let name= 'doe'; name= 'jon'; console.log(name); const boy='nama'; console.log(boy); const nama = {nama:'boy', umur:'12'}; nama.tinggal='rumbai'; console.log(nama); const polo= { nama:'boy', belakang:'Alfitri', umur:'21' }; const saja={ nama: 'vania', posisi:'Analys' }; const message = `dear, ${polo.nama} ${polo.belakang} dengan ini saya sampaikan bahwa anda mendapat kenaikan pangkat pada umur ke-${polo.umur} hormat saya, ${saja.nama} ${saja.posisi}`; console.log(message); function jumlah(a,b){ return a*b } console.log(jumlah(2,5)) function hasil(a,b){ return a*b } console.log(hasil(5,5)) const coba= function coba1(a,b){ return a+b } console.log(coba(2,4)) let carName="kijang"; function displayCar(){ let carName="honda"; return "Mobil ini Bermerk"+ " "+ carName; } console.log(displayCar()) let olahraga="basketball"; // disebut global scope function namaAtlet(){ let atlet="messi"; let noAtlet="10" console.log(olahraga) if (olahraga === "basketball"){ atlet = "ronaldo"; noAtlet= "7" console.log(olahraga) } return atlet } console.log(namaAtlet()) console.log(olahraga) // const olahraga1 = 'basketball'; // function namaAtlet() { // let atlet = 'Lionel Messi'; // lingkup fungsi // const noMessi = 10; // lingkup fungsi // if (olahraga1 === 'basketball') { // atlet = 'Kobe Bryant'; // const noKobe = 24; // lingkup blok // console.log(noMessi); // Output: 10 // } // console.log(noKobe); // Output: Uncaught ReferenceError: noKobe is not defined // return atlet; // } // namaAtlet(); let manusia = { nama: "" }
const ok= { namaDepan:'boy', namaBelakang: 'alfitri', umur:'21' }; const {namaDepan, namaBelakang, umur}= ok; // cara penulisan beda pada variabel. // namaDepan: localnamaDepan console.log(namaDepan); // console.log(localnamaDepan); console.log(namaBelakang); console.log(umur); const favorites = ["Seafood", "Salad", "Nugget", "Soup"]; let myFood = "Ice Cream"; let herFood = "Noodles"; [myFood, herFood] = favorites; console.log(favorites); // console.log(myFood); // console.log(herFood); let a= 1; a=2; console.log(a) let c= 1; let b=2; console.log('sebelum swap') console.log(`nilai c: ${c}`); console.log(`nilai b: ${b}`); [c,b]= [b,c]; console.log('setelah swap') console.log(`nilai c: ${c}`); console.log(`nilai b: ${b}`); const arya=['seafood']; const [myfood, herfood = 'udang']= arya; console.log(myfood) console.log(herfood) const buah=['2', '15', '56']; console.log(...buah); console.log(Math.max(...buah)); const refrigerator = ["Samsung", 50, 2, "milk", "cheese", "egg", "butter"]; const [manufacture, weight, door, ...items] = refrigerator; console.log(manufacture); console.log(weight); console.log(door); console.log(items); // item akan menampilkan sisa dari array yg belum ditampilkan const panjang=['boy', 'alfitri','ganteng'] .map(function(name) { return name.toUpperCase(); }); console.log(...panjang); // .map itu membuat name mengandung array dari panjang // arrow function const poli=['ari', 'ilham', 'ocu'] .map(name=> name.toUpperCase()); console.log(...poli) // function declaration function sayHello(greet) { console.log(`${greet}!`); } // function expression const sayName = function (name) { console.log(`Nama saya ${name}`) } let kucing = { lucu: true, kaki: 4 }; kucing.suara= function(){ return "Meong"; }; console.log(kucing.suara()) // method pada object let angka1= { pertama:1, dua:2, tiga:3, empat: function(a,b){ return a*b } }; console.log(angka1.empat(28,9))
Editor Settings
Theme
Key bindings
Full width
Lines