JavaScript
Athiyyah Anandira
Bahasa pemrograman untuk membuat situs
lebih interaktif.
Pengenalan Tidak memerlukan program khusus, hanya
menggunakan browser.
JavaScript Case-sensitive (huruf besar dan kecil
dianggap berbeda).
Komentar: // untuk singkat, /* ... */ untuk
panjang.
Kode JavaScript ditempatkan di antara tag
<script>.
02
Menulis Kode JavaScript
Contoh kode sederhana dalam tag Menggunakan file eksternal
<script> <script src="url/[Link]"></script>
<script language="JavaScript">
[Link]("Hello World!");
</script>
03
Variabel dalam JavaScript
Variabel digunakan untuk
menyimpan data. Contoh:
Kata kunci:
var a = 5;
var: cakupan global atau
let b = 10;
fungsi.
const pi = 3.14;
let: cakupan blok.
const: nilai konstan yang tidak
bisa diubah.
04
Fungsi dalam JavaScript
Fungsi didefinisikan dengan keyword function.
01. 02. 03.
FUNCTION FUNCTION ARROW
DECLARATION EXPRESSION FUNCTION
function sapa(nama) { var namaFungsi = function() {
var namaFungsi = () =>
[Link](`Halo, ${nama}!`); [Link]("Hello World!");
[Link]("Hello World!");
} };
05
Looping dalam JavaScript
01. 02.
FOR LOOP WHILE LOOP
Mengulang dengan kondisi tertentu Mengulang selama kondisi benar
for (let i = 0; i < 5; i++) { let i = 0;
[Link](i); while (i < 5) {
} [Link](i);
i++;
}
06
Switch/Case Statement
Alternatif untuk if/else untuk memeriksa beberapa kondisi.
switch (day) {
case 1:
day = "Senin";
break;
default:
day = "Hari tidak terdaftar";
}
07
If/Else Statement
Menentukan alur program berdasarkan kondisi.
if (time < 12) {
greeting = "Selamat pagi";
} else {
greeting = "Selamat sore";
}
08
DOM Manipulation
DOM memungkinkan manipulasi
konten, struktur, dan gaya Contoh:
halaman web.
[Link]("d
Metode untuk memilih elemen
emo").innerHTML = "Hello!";
HTML:
getElementById(),
getElementsByClassName(),
querySelector()
09
Alert & Location
01. 02.
ALERT LOCATION
Menampilkan pesan sederhana Mengatur URL atau memuat ulang halaman
alert("Selamat datang di halaman ini!"); [Link] =
"[Link]
10
Terima Kasih