Dasar JavaScript: Variabel, Tipe Data, Operator, Kondisi, dan Loops

 ### Dasar JavaScript: Variabel, Tipe Data, Operator, Kondisi, dan Loops

#### 1. **Variabel**
Variabel dalam JavaScript digunakan untuk menyimpan data yang dapat digunakan dan dimodifikasi selama program berjalan. Ada tiga cara mendeklarasikan variabel:
- `var` (global atau fungsi)
- `let` (blok skop)
- `const` (blok skop dan tidak bisa diubah)

**Contoh:**
```javascript
var nama = "Budi"; // Variabel global
let umur = 25;     // Variabel yang dapat diubah di dalam blok tertentu
const tinggi = 170; // Variabel tetap, nilainya tidak bisa diubah
```

#### 2. **Tipe Data**
JavaScript memiliki beberapa tipe data dasar, antara lain:

- **String**: Teks, diapit tanda kutip (`'`, `"`)
  - Contoh: `let nama = "Budi";`
- **Number**: Angka (bilangan bulat atau desimal)
  - Contoh: `let umur = 25;`
- **Boolean**: `true` atau `false`
  - Contoh: `let isStudent = true;`
- **Array**: Kumpulan data
  - Contoh: `let angka = [1, 2, 3];`
- **Object**: Kumpulan properti dan nilai
  - Contoh:
    ```javascript
    let orang = {
      nama: "Budi",
      umur: 25
    };
    ```
- **Undefined**: Variabel yang belum didefinisikan nilainya
  - Contoh: `let x;`
- **Null**: Nilai kosong
  - Contoh: `let y = null;`

#### 3. **Operator**
Operator digunakan untuk melakukan operasi pada variabel dan nilai.

- **Aritmatika**: `+`, `-`, `*`, `/`, `%`
  - Contoh:
    ```javascript
    let hasil = 10 + 5; // 15
    let modulus = 10 % 3; // 1
    ```
 
- **Perbandingan**: `==`, `===`, `!=`, `!==`, `>`, `<`, `>=`, `<=`
  - Contoh:
    ```javascript
    let isEqual = 5 == '5'; // true
    let isStrictEqual = 5 === '5'; // false
    ```

- **Logika**: `&&` (dan), `||` (atau), `!` (not)
  - Contoh:
    ```javascript
    let result = (5 > 3) && (10 < 15); // true
    ```

#### 4. **Kondisi (if-else)**
Kondisi memungkinkan kita membuat keputusan berdasarkan nilai dari ekspresi.

- **if statement**: Memeriksa ekspresi dan menjalankan blok kode jika ekspresi bernilai `true`.
- **else statement**: Menjalankan blok kode jika ekspresi pada `if` bernilai `false`.
- **else if statement**: Menambahkan kondisi lain jika kondisi pertama tidak terpenuhi.

**Contoh:**
```javascript
let angka = 10;

if (angka > 10) {
  console.log("Angka lebih dari 10");
} else if (angka === 10) {
  console.log("Angka sama dengan 10");
} else {
  console.log("Angka kurang dari 10");
}
```

#### 5. **Loops (Perulangan)**
Loops digunakan untuk mengulang eksekusi blok kode berdasarkan kondisi tertentu.

- **for loop**: Mengulang kode sejumlah tertentu
  - Contoh:
    ```javascript
    for (let i = 0; i < 5; i++) {
      console.log(i); // Akan mencetak 0 hingga 4
    }
    ```
 
- **while loop**: Mengulang kode selama kondisi bernilai `true`
  - Contoh:
    ```javascript
    let i = 0;
    while (i < 5) {
      console.log(i);
      i++;
    }
    ```

- **do-while loop**: Mirip `while`, namun akan menjalankan kode setidaknya sekali, sebelum memeriksa kondisinya.
  - Contoh:
    ```javascript
    let i = 0;
    do {
      console.log(i);
      i++;
    } while (i < 5);
    ```

### Kesimpulan
Memahami dasar JavaScript seperti variabel, tipe data, operator, kondisi, dan loops adalah langkah awal yang penting dalam pengembangan Front-End. Ini menjadi fondasi dalam membangun aplikasi dinamis di web.