<script src="scripts/his-name.js"></script>;Komentar adalah kode program yang tidak akan dieksekusi ketika dibaca
komentar biasannya digunakan sebagai informasi tambahan atau petunjuk
//komentar 1 baris
/*
komentar lebih dari satu baris
*/JavaScript hanya mendukung satu tipe data number, dimana tipe data number di JavaScript bisa berupa bilangan bulat atau bilangan desimal
JavaScript mendukung number notation, defaultnya ada basis 10, JavaScript juga mendukung binary, hexadecimal dan octal
document.writeln(100)
document.writeln("</br>")
document.writeln(100.100)Hexadecimal : 0xFF
Binary : 0b10101
Octal : 0o10
Tipe data boolean adalah tipe data yang berisi data kebenaran, artinya hanya ada dua data, benar dan salah(yes atau no)
Benar di representasikan dengan kata kunci true, dan salah direpresentasikan dengan kata kunci false
document.writeln(true)
document.writeln("</br>")
document.writeln(false)Tipe data string atau text adalh tipe data yang berisikan kumpulan kosong atau lebih karakter
untuk membuat data dengan tipe string, kita perlu menggunakan "(petik dua) atau '(petik satu)sebelum dan setelah isi text nya
document.writeln("his name");Tipe data string atau text adalh tipe data yang berisikan kumpulan kosong atau lebih karakter
untuk membuat data dengan tipe string, kita perlu menggunakan "(petik dua) atau '(petik satu)sebelum dan setelah isi text nya
document.writeln("his name");JavaScript mendukung escape sequence di string. Escape sequence merupakan karakter khusus, seperti ENTER, TAB, "(kutip dua), dan lain-lain.
Berikut contoh escape sequence yang didukung oleh JavaScript di data string
document.writeln("<textarea cols='100' rows='10'>")
document.writeln("his \n name");
document.wtiteln("\\helo\\name");
document.wtiteln('\'learn\'');
document.wtiteln("</textarea>");Variable adalah tempat untuk menyimpan data
Dengan menyimpan data di variable, kita bisa menggunakannya lagi dengan menyebutkan nama variable nya
Untuk membuat variable di JavaScript, kita bisa menggunakan kata kunci var diikuti dengan nama variable nya
JavaScript adalah dynamic language, artinya variable di JavaScript tidak terpaku harus menggunakan satu tipe data, kita bisa mengubah-ubah tipe data di variable yang sama
var fullname;Setelah variable di deklarasikan, kita bisa mengubah value atau nilai di dalam variable tersebut
Untuk mengubahnya, kita bisa menggunakan perintah nama variable diikuti dengan tanda = (sama dengan) lalu diikuti dengan value atau nilai nya
var fullName;
fullName = "his name";Di JavaScript juga kita bisa mendeklarasikan sebuah variable, langsung dengan isi value nya Caranya kita bisa menggunakan kata kunci var, diikuti nama variable, lalu diikuti dengan tanda = (sama dengan), dan di ikuti dengan value atau nilai nya
var firstName = "his";
var Lastname = "name";
var fullName = "his" + "" + "name";Salah satu keuntungan menggunakan variable adalah variable bisa digunakan kembali
Hali ini akan mempermudah kita membutuhkan data yang sama berkali-kali
Untuk mengakses variable. kita cukup menyebutkan nama variable nya
var firstName = "his name";
document.writeln(firstName);
document.writeln("</br>");
document.wrtieln(firstName);JavaScript sekarang tidak direkomendasikan lagi menggunakan kata kunci var untuk membuat variable, namun diganti dengan let, hal ini dikarenakan ada masalah dari desain awal var
//variable let
let firstName = "his";
document.writeln("firstName");
//variable const
const application = "his name";Kata kunci let itu seperti kata kunci var, dimana data di variable tersebut bisa diubah-ubah sesuka kita
Sedangkan kata kunci const berbeda, ketika sebuah variable sudah diisi di variable const, maka variable tersebut tidak bisa diubah lagi value nya
Variable sejenis ini disebut juga constant
JavaScript mendukung banyak sekali operator Matematika untuk tipe data Number, Seperti :
let result = 1 + 2;
document.writeln("<p>1 + 2 = " + result + "</p>");
let originalResult = result;
result = result - 1;
document.writeln("<p>" + originalResult + " - 1 = " + result + "</p>");
originalResult = result;
result = result * 2;
document.writeln("<p>" + originalResult + " * 2 = " + result + "</p>")
originalResult = result;
let result = 10;
result += 10;
document.writeln("<p>" + result + "</p>");
result -= 10;
document.writeln("<p>" + result + "</p>");
result *= 10;
document.writeln("<p>" + result + "</p>");
let result = +1;
document.writeln("<p>" + result + "</p>");
result --;
document.writeln("<p>" + result + "</p>");
result ++;
document.writeln("<p>" + result + "</p>");
result = -result;
document.writeln("<p>" + result + "</p>");
Dan lain-lain
Operasi perbandingan adalah operasi untuk membandingkan dua buah data
Operasi perbandingan adalah operasi yang menghasilkan nilai boolean
Jika hasil operasinya adalah benar, maka nilanya adalah true
Jika hasil operasinya adalah salah, maka nilanya adalah false
let result = 5 == "5";
document.writeln("<p>" + result + "</p>")
let result = 5 === "5";
document.writeln("<p>" + result + "</p>")
let result = 5 > 10;
document.writeln("<p>" + result + "</p>")
let result = 5 < 10;
document.writeln("<p>" + result + "</p>")Operator logika adalah operator untuk dua buah data boolean
Hasil dari operator logika adalah boolean lagi
const nilaiUjian = 70;
const nilaiAbsensi = 70;
const lulusUjian = nilaiUjian > 75;
const lulusAbsensi = nilaiAbsensi > 75;
const lulus = lulusUjian && lulusAbsensi;
document.writeln("<p>" + lulus + "</p>")
JavaScript memiliki fitur untuk melakukan logging bernama Console
Logging adalah mekanisme yang biasa dilakukan oleh programmer untuk menampilkan informasi dari aplikasi yang sedang berjalan, tanpa harus mengganggu alur kerja aplikasi dan juga interaksi user
Untuk melakukan ini, kita bisa menggunakan fitur Console di JavaScript
Untuk menggunakan Console, kita cukup gunakan perintah console di kode JavaScript
console.log("halo");Kita sudah tahu bahwa untuk menambahkan string dengan data lain, kita bisa mengguankan operator + (plus)
Namun pada kasus tertentu, penggunaan operator + (plus) sangat menyulitkan, apalagi jika dalam jumlah banyak
JavaScript memiliki fitur yang bernama String Template, dimana kita bisa mensubtitusi data dari luar String ke dalam String, seperti mengambil data variable, atau bahkan melakukan operasi matematika
Untuk menggunakan String Template, cara pembuatan String nya harus menggunakan `(backtick), bukan '(petik satu) atau "(petik dua)
const template = `Name : `; const name = "his name";
const template = `Name : ${name}`;
console.info(template); const name = "his name";
const value = 80;
const template = `Name : ${name}, Lulus : ${value > 75}`;
console.info(template);Stirng template juga bisa digunakan untuk membuat string multi line
Kita cukup tambahkan enter di text nya
let multiLineString = `
his
name
`;
document.writeln("<pre>");
document.writeln(multiLineString);
document.writeln("</pre>");Saat membuat aplikasi, kadang kita input dari pengguna selalu dalam bentuk String
Sedangkan kita ingin mengelola datanya dalam bentuk Number
Maka sangat disarankan untuk melakukan konversi tipe data
const value1 = "1";
const value2 = 1;
const sum = value1 + value2;
document.writeln(`<p>${sum}</p>`) document.writeln(`<p>${parseInt("1.1")}</p>`); // 1
document.writeln(`<p>${parseFloat("1.1")}</p>`); // 1.1
document.writeln(`<p>${Number("1.1")}</p>`); // 1.1Bagaimana jika ternyata jika ternyata data string yang kita coba konversi ke number bukanlah data yang valid?
Jika data string yang kita coba lakukan konversi bukan lah data valid, maka hasil dari konversi tersebut adalah NaN (Not a Number)
NaN adalah number spesial yang menyebutkan bahwa ini bukanlah number
Jika NaN dioperawsikan dengan data number lainnya, maka hasilnya akan menjadi NaN lagi
document.writeln(`<p>${parseInt("salah")}</p>`); // NaN
document.writeln(`<p>${parseFloat("1.1text")}</p>`); // 1.1
// Bumber() tidak akan mentolelir kesalah pada data
document.writeln(`<p>${Number("1.1ups")}</p>`); // NaN
document.writeln(`<p>${Number("1x")}</p>`); // NaN
document.writeln(`<p>${Number("bukan number")}</p>`); // NaN const value1 = Number("salah"); // NaN
const value2 = 100;
const sum = value1 + value2; // NaN
document.writeln(`<p>${sum}</p>`);Kadang kita ingin mengecek apakah sebuah number itu NaN atau bukan
Untuk melakukan pengecekan tersebut, kita bisa mengguankan function isNaN(number)
Hasil nya adalah berupa data boolean, true jika NaN, false jika bukan
Array adalah tipe data yang berisikan kumpulan data
Array di JavaScript memiliki sifat dinamis, artinya datanya bisa bertambah dengan sendirinya saat kita memasukan data ke dalam Array
let arrayKosong = [];
let arrayNama = ["his", "name"];Setiap data di Array akan disimpan dalam posisi berurutan, dimana ururtan pertama dimulai dari nomer 0
Setiap kita menambah data ke Array, otomatis data akan disimpan di urutan terakhir
Urutan di Array, kita sebut dengan index
const name = [];
names.push("his");
names.push("name","thomas");
console.table(names); const name = [];
names.push("his");
names.push("name","thomas");
console.table(names);
names[0] = "alex";
console.table(names);
console.info(names.length)
Data di dalam Array tidak ada batasnya harus data apa
Jadi kita bisa memasukkan data apapun ke dalam Array
Bahkan kita juga bisa memasukkan Array ke dalam Array jika kita mau
If you have any questions or would like to contribute, you can call me out:
- 📞 WhatsApp: contact me