script.js

// const heading = document.querySelector('h1');
// heading.textContent = 'Hello World!';

// console.log(heading);

/**
 * 1. Variabel => tempat untuk menyimpan data
 */
// var
// const
// let

// var => bisa diubah ubah
// var nama = 'Hendra';
// nama = 'Agil';
// console.log(nama);

// const => tidak bisa diubah ubah
// const umur = 18;
// umur = 17;
// console.log(umur);

// let => bisa diubah ubah (mirip dengan var)
// let sekolah = 'SMKN 2 Karanganyar';
// sekolah = 'SMKN 1 Karanganyar';
// console.log(sekolah);

/**
 * 2. Tipe data
 */
// Case style: https://betterprogramming.pub/string-case-styles-camel-pascal-snake-and-kebab-case-981407998841
// String
// const nama = "Hendra";
// const nama = 'Agil';

// Number -> adalah angka
// const umur = 18;

// Boolean -> true atau false
// const sudahLulus = true;

// Array
/**
 * Index array mulai dari 0
 */
// const bahasa = ['HTML', 'CSS', true, 18, 'JS'];
// console.log(bahasa);
// console.log(bahasa[4]);

// Object
// const identitas = {
//   nama: 'Hendra',
//   umur: 18,
//   sudah_lulus: true,
// };
// console.log(identitas);
// for (const property in identitas) {
//   const value = identitas[property];
//   console.log(`${property}: ${value}`);
// }
// console.log(identitas.sudah_lulus);
// console.log(identitas.nama);

// identitas.sekolah = 'SMKN 2 Karanganyar';
// console.log(identitas);

// Ini komentar
/**
 * Ini komentar
 * Fungsi komentar:
 * 1. Memberi keterangan
 * 2. Menonaktifkan kode
 */

/**
 * 3. Operator
 */

/**
 * Operator Aritmatika
 */
// +
// const nomorA = 10;
// const nomorB = 20;
// const hasil = nomorA + nomorB;
// console.log(hasil);

// -
// const nomorA = 10;
// const nomorB = 20;
// const hasil = nomorA - nomorB;
// console.log(hasil);

// *
// const nomorA = 10;
// const nomorB = 20;
// const hasil = nomorA * nomorB;
// console.log(hasil);

// /
// const nomorA = 10;
// const nomorB = 20;
// const hasil = nomorA / nomorB;
// console.log(hasil);

/**
 * Operator perbandingan
 */
// ===
// const nomorA = 10;
// const nomorB = 10;
// console.log(nomorA === nomorB);

// !==
// const nomorA = 10;
// const nomorB = 10;
// console.log(nomorA !== nomorB);

// !
// const sudahLulus = true;
// console.log(!sudahLulus);

// && -> dan (AND)
// const a = 3;
// const b = 5;
// const c = 6;
// true = 1
// false = 0
// console.log(a < b);
// const isOk = a < b && b > c;
// console.log(isOk);
// console.log(Math);

// || -> atau (OR)
// const a = 3;
// const b = -2;
// console.log(a > 0 || b > 0);

/**
 * 4. Kondisi
 */
// const sudahLulus = true;
// const nomorA = 1;
// const nomorB = 11;

// if else
// if (nomorA === nomorB) {
//   console.log('Nomor A sama dengan Nomor B');
// } else {
//   console.log('Nomor A tidak sama dengan Nomor B');
// }

// switch case
// switch (nomorA) {
//   case 10:
//     console.log('Sepuluh');
//     break;
//   case 11:
//     console.log('Sebelas');
//     break;

//   default:
//     console.log('Nomor A itu bukan angka');
//     break;
// }

/**
 * 5. Looping / perulangan
 */
const bahasa = ['HTML', 'CSS', 'JavaScript'];
// console.log(bahasa.length);
// for (let i = 0; i < bahasa.length; i++) {
//   console.log(bahasa[i]);
// }

// let i = 0;
// do {
//   console.log('DO WHILE >>', i);
//   i++;
// } while (i < 0);

// let j = 0;
// while (j < 0) {
//   console.log('WHILE DO >>', j);
//   j++;
// }

// bahasa.forEach((item) => {
//   console.log(item);
// });

// bahasa.map((item) => {
//   console.log(item);
// });

/**
 * 6. Function / fungsi
 */
// Regular function
// function pengurangan(angka1, angka2) {
//   return angka1 - angka2;
// }

// Arrow function
// const pengurangan = (angka1, angka2) => {
//   return angka1 - angka2;
// };

// Anonymous function
// const operator = {
//   pengurangan: function(angka1, angka2) {
//     return angka1 - angka2;
//   },
//   perkalian: (angka1, angka2) => {
//     return angka1 * angka2;
//   }
// }

// const nomorA = 20000;
// const nomorB = 10000;
// console.log(operator.pengurangan(nomorA, nomorB));

// const nomorC = 30;
// const nomorD = 50;
// console.log(operator.perkalian(nomorC, nomorD));