Apa itu Javascript? Lengkap Contoh Kode Menyimpan Data hingga Struktur Kontrol

BANGKAPOS.COM - Apa itu Javascript? Lengkap Contoh Kode Menyimpan Data hingga Struktur Kontrol

Jika anda seorang programmer tentu tak asing lagi mendengar Javascript.

Namun yang masih awam akan hal ini, tentu bingung dengan bahasa tersebut.

Berikut ini Pengertian apa itu Javascript dan beberapa contoh kode yang wajib diketahui

Apa itu Javascript

JavaScript adalah bahasa pemrograman yang digunakan terutama untuk membuat halaman web interaktif. Ia berjalan di sisi klien (browser) dan memungkinkan pengembang untuk menambahkan elemen dinamis seperti formulir, animasi, dan interaksi pengguna ke dalam situs web.

Selain itu, JavaScript juga bisa digunakan di sisi server melalui lingkungan seperti Node.js

Dengan JavaScript, pengembang dapat membuat aplikasi web yang lebih kompleks dan responsif.

Kode yang Wajib Diketahui

Untuk memulai dengan JavaScript, ada beberapa konsep dan potongan kode dasar yang penting untuk dipahami. Berikut adalah beberapa di antaranya:

1. Variabel: Cara menyimpan data.

let name = "John";
const age = 30;

2. Fungsi: Cara mendefinisikan dan memanggil fungsi.

function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("Alice"));

3. Struktur Kontrol: Seperti `if` dan `for`.

// If statement
if (age > 18) {
console.log("Adult");
} else {
console.log("Minor");
}

// For loop
for (let i = 0; i < 5>console.log(i);
}

4. Objek: Menyimpan data dalam bentuk pasangan kunci-nilai.

let person = {
name: "John",
age: 30,
greet: function() {
console.log("Hello!");
}
};
console.log(person.name);
person.greet();

5. Array: Menyimpan kumpulan data.

let numbers = [1, 2, 3, 4, 5];
console.log(numbers[0]); // Output: 1

6. DOM Manipulation: Mengakses dan mengubah elemen HTML.

// Mengambil elemen berdasarkan ID dan mengubah teksnya
document.getElementById("myElement").innerText = "Hello World";

7. Event Handling: Menangani interaksi pengguna.

document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked!");
});

8. Promise: Menangani operasi asynchronous.

let promise = new Promise((resolve, reject) => {
setTimeout(() => resolve("Done!"), 1000);
});

promise.then((result) => {
console.log(result);
});

9. Async/Await: Sintaks yang lebih bersih untuk menangani promise.

async function fetchData() {
let response = await fetch('https://api.example.com/data');
let data = await response.json();
console.log(data);
}

fetchData();

Memahami dasar-dasar ini akan membantu Anda untuk mulai menulis dan mengelola kode JavaScript secara efektif.

(*)