Mengubah struktur HTML

Mengatur style melalui CSS

Membuat interaktivitas

Mengirim data ke server tanpa reload

Compiler

Browser

Terminal

Database

DOM Manipulation

Fetch Query

AJAX Movement

CSS Styling

Tidak mendukung objek

Hanya digunakan server

Berbasis event

Tidak mendukung logika

.html

.css

.js

.json

Server

Browser

Database

Python

Fungsi

Variabel

Event

Komentar

Gambar di HTML

Tempat menyimpan data

Event JavaScript

Fungsi CSS

let

const

var

val

const

let

final

fixed

let

const

var

static

let namaLengkap

let _data

let 2angka

let nilai2

const pi = 3.14

const = pi 3.14

pi const 3.14

constant pi 3.14

let umur = "20";

let umur = 20;

let umur = twenty;

let umur: 20;

string, number, boolean

header, footer, body

CSS, HTML, DOM

loop, event, script

Data yang disimpan

Blok kode untuk tugas tertentu

Variabel yang berubah

Event yang berjalan

Menghindari kode berulang

Membuat program lebih rapi

Menghasilkan output

Membuat file menjadi lebih besar

sapa;

sapa[];

sapa();

call.sapa;

send

return

output

yield