Dasar-Dasar JavaScript yang Perlu Diketahui : Part 2

Mengenal dasar dasar javascript

Melanjutkan Part sebelumnya tentang mengenal dasar dasar javascript 

    1. Loop 

Loop digunakan dalam JavaScript untuk melakukan perulangan pada kode tertentu. Berikut adalah contoh penggunaan loop dalam JavaScript:

for(let i = 1; i <= 5; i++) {
console.log(i);
}

// Output:
// 1
// 2
// 3
// 4

// 5

{codeBox}

 

    2. Object 

Objek adalah tipe data yang kompleks yang dapat menyimpan banyak nilai dalam satu variabel. Berikut adalah contoh penggunaan objek dalam JavaScript: 

let mahasiswa = {
  nama: 'Andi',
  umur: 25,
  jurusan: 'Informatika'
};

console.log(mahasiswa.nama); // Output: Andi

{codeBox}

    3. Array 

Array adalah tipe data yang digunakan untuk menyimpan banyak nilai dalam satu variabel. Berikut adalah contoh penggunaan array dalam JavaScript:

let angka = [1, 2, 3, 4, 5];

console.log(angka[0]); // Output: 1

{codeBox}

    4. Event 

Event adalah tindakan yang dilakukan oleh pengguna di situs web Anda, seperti mengklik tombol atau mengisi formulir. Anda dapat menggunakan JavaScript untuk menangani event ini dan melakukan tindakan tertentu. Berikut adalah contoh penggunaan event dalam JavaScript:

tombol.addEventListener('click', function() {
     console.log('Tombol diklik');

});

{codeBox}

    5. Dom Manipulasi 

DOM (Document Object Model) adalah struktur hierarki dari elemen HTML di dalam dokumen web. Dengan JavaScript, Anda dapat memanipulasi elemen HTML ini, seperti mengubah teks atau menambahkan elemen baru. Berikut adalah contoh penggunaan DOM manipulasi dalam JavaScript:

let teks = document.querySelector('p');

teks.textContent = 'Ini adalah teks baru';

let divBaru = document.createElement('div');

divBaru.textContent = 'Ini adalah elemen baru';

let body = document.querySelector('body');

body.appendChild(divBaru);

{codeBox}

Itulah beberapa dasar-dasar JavaScript yang perlu dipahami beserta contohnya. Dengan memahami dasar-dasar tersebut, Anda dapat memulai membangun aplikasi web yang lebih kompleks dan interaktif. Selain itu, dengan penggunaan JavaScript yang tepat, Anda dapat meningkatkan pengalaman pengguna di situs web Anda. Jangan ragu untuk mempelajari lebih lanjut dan terus berlatih untuk meningkatkan kemampuan Anda dalam JavaScript.