Blog

Kategori Blog

10 Contoh Program JavaScript Sederhana untuk Pemula

Irhan Hisyam Dwi Nugroho

•

25 June 2025

•

107

Warga bimbingan, JavaScript adalah bahasa pemrograman yang sangat penting untuk pengembangan web.

Di artikel ini, kita akan bahas 10 contoh program JavaScript sederhana yang cocok buat kamu yang baru mulai belajar ngoding.

Melalui contoh-contoh ini, kamu akan belajar dasar-dasar JavaScript sambil langsung mempraktikkannya. Yuk, simak dan coba kode-kode ini untuk meningkatkan keterampilan ngodingmu!

Apa Itu JavaScript?

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif.

Dengan JavaScript, kamu bisa menambahkan berbagai fitur seperti animasi, form validation, hingga pengolahan data di browser.

JavaScript berjalan langsung di dalam browser, sehingga sangat cocok untuk membangun website yang dinamis dan responsif tanpa perlu mengakses server.

Selain itu, JavaScript juga digunakan dalam pengembangan backend lewat teknologi seperti Node.js, sehingga sangat fleksibel untuk berbagai jenis pengembangan aplikasi.

Sintaks Dasar JavaScript

Sumber: Canva

JavaScript memiliki sintaks yang sederhana dan mudah dipahami, terutama bagi pemula yang baru mulai belajar ngoding.

Untuk memulai, kita akan mengenal beberapa elemen dasar dalam penulisan kode JavaScript, seperti variabel, tipe data, dan operator.

1. Mendeklarasikan Variabel

Untuk menyimpan data dalam JavaScript, kita menggunakan variabel. Ada tiga cara mendeklarasikan variabel: let, const, dan var. Biasanya, let digunakan untuk variabel yang bisa diubah, sedangkan const untuk yang tidak bisa diubah.

let nama = "Budi"; // Variabel dengan nilai yang bisa berubah

const umur = 25; // Variabel dengan nilai tetap

2. Tipe Data

JavaScript memiliki tipe data seperti String (teks), Number (angka), dan Boolean (true/false). Kamu bisa menggunakan tipe data ini untuk menyimpan informasi dalam variabel.

let nama = "Budi"; // String

let umur = 25; // Number

let isStudent = true; // Boolean

3. Operator Aritmatika

Untuk melakukan perhitungan matematika, JavaScript mendukung operator seperti +, -, *, dan /. Kamu bisa menggunakan operator ini untuk menjumlahkan, mengurangi, mengalikan, atau membagi angka.

let a = 10;

let b = 5;

let hasil = a + b; // Penjumlahan

console.log(hasil); // Output: 15

4. Struktur Kontrol (if-else)

Struktur if-else digunakan untuk membuat keputusan berdasarkan kondisi. Jika kondisi yang diberikan benar, maka kode di dalam blok if akan dijalankan.

let angka = 8;

if (angka % 2 === 0) {

console.log("Angka genap");

} else {

console.log("Angka ganjil");

}

10 Contoh Program JavaScript

Sumber: Canva

JavaScript adalah bahasa yang sangat fleksibel dan digunakan untuk berbagai keperluan dalam pengembangan web.

Berikut adalah 10 contoh program JavaScript yang sederhana dan bisa kamu coba untuk memahami konsep dasar JavaScript lebih dalam.

1. Menampilkan “Hello, World!” di Console

Program pertama yang sering dipelajari adalah menampilkan pesan ke layar. Program ini berguna untuk mengenalkan kamu dengan fungsi output di JavaScript.

console.log("Hello, World!");

Penjelasan:

Fungsi console.log() digunakan untuk menampilkan output ke konsol, yang biasa digunakan untuk debugging atau melihat hasil eksekusi.

2. Menjumlahkan Dua Angka

Menggunakan operator aritmatika untuk menjumlahkan dua angka adalah cara sederhana untuk memahami dasar operasi di JavaScript.

let num1 = 5;

let num2 = 10;

console.log(num1 + num2); // Output: 15

Penjelasan:

Operator + digunakan untuk menjumlahkan dua angka dan menampilkan hasilnya dengan console.log().

3. Mengecek Bilangan Genap atau Ganjil

Program ini membantu untuk memahami penggunaan operator modulus dan struktur kontrol if-else.

let number = 7;

if (number % 2 === 0) {

console.log("Genap");

} else {

console.log("Ganjil");

}

Penjelasan:

Operator % digunakan untuk menghitung sisa pembagian. Jika hasil bagi dua angka adalah 0, maka angka tersebut genap.

4. Menghitung Luas Persegi Panjang

Program ini mengajarkan cara menggunakan variabel dan operasi matematika untuk menghitung nilai berdasarkan input yang diberikan.

let panjang = 5;

let lebar = 10;

let luas = panjang * lebar;

console.log(luas); // Output: 50

Penjelasan:

Untuk menghitung luas, cukup kalikan panjang dan lebar, kemudian tampilkan hasilnya.

5. Menampilkan Angka 1 hingga 5 Menggunakan Loop

Looping sangat berguna saat kamu ingin mengulang suatu proses, seperti menampilkan angka-angka.

for (let i = 1; i <= 5; i++) {

console.log(i);

}

Penjelasan:

for digunakan untuk mengulang proses mulai dari angka 1 hingga 5. Variabel i bertambah setiap kali loop berjalan.

6. Mengecek Apakah Angka Positif, Negatif, atau Nol

Program ini mengajarkan penggunaan struktur kontrol if-else untuk membandingkan nilai dan mengambil keputusan.

let angka = -3;

if (angka > 0) {

console.log("Positif");

} else if (angka < 0) {

console.log("Negatif");

} else {

console.log("Nol");

}

Penjelasan:

Program ini memeriksa apakah angka yang diberikan lebih besar dari 0, kurang dari 0, atau tepat 0, dan mencetak hasilnya.

7. Menghitung Faktorial Angka

Program ini menggunakan loop untuk menghitung faktorial sebuah angka, yang merupakan perkalian angka berturut-turut.

let n = 5;

let faktorial = 1;

for (let i = 1; i <= n; i++) {

faktorial *= i;

}

console.log(faktorial); // Output: 120

Penjelasan:

Faktorial dari suatu angka dihitung dengan mengalikan angka tersebut dengan angka-angka di bawahnya hingga mencapai 1.

8. Menampilkan Elemen Array

Program ini menunjukkan bagaimana cara membuat array dan mengakses elemen-elemen di dalamnya.

let buah = ["apel", "jeruk", "mangga"];

console.log(buah); // Output: ["apel", "jeruk", "mangga"]

Penjelasan:

Array digunakan untuk menyimpan beberapa data sekaligus, dan kita bisa mengaksesnya dengan menggunakan indeks.

9. Menemukan Angka Terbesar dari Tiga Angka

Program ini mengajarkan cara menggunakan fungsi Math.max() untuk menemukan angka terbesar.

let a = 3, b = 7, c = 5;

let terbesar = Math.max(a, b, c);

console.log(terbesar); // Output: 7

Penjelasan:

Fungsi Math.max() mengambil beberapa nilai sebagai argumen dan mengembalikan nilai terbesar di antara mereka.

10. Mengubah String Menjadi Huruf Kapital

Program ini memperlihatkan cara menggunakan metode string untuk mengubah teks menjadi huruf kapital.

let str = "hello";

let upperStr = str.toUpperCase();

console.log(upperStr); // Output: "HELLO"

Penjelasan:

Metode .toUpperCase() mengubah semua karakter dalam string menjadi huruf kapital.

Ingin Jadi Full Stack Developer Profesional?

Setelah memahami 10 Contoh Program JavaScript Sederhana untuk Pemula, saatnya kamu mengasah keterampilan lebih dalam untuk menjadi Full Stack Developer yang handal!

Yuk, ikuti Bootcamp Full Stack Developer di dibimbing.id! Di sini, kamu akan belajar JavaScript, Node.js, React, dan masih banyak lagi untuk membangun aplikasi web modern dari frontend hingga backend.

Belajar langsung dari mentor berpengalaman dengan kurikulum praktis yang mengajarkan kamu cara membangun proyek nyata, siap kerja di dunia industri.

Dengan lebih dari 840+ hiring partner dan tingkat keberhasilan alumni 96%, peluang kariermu semakin terbuka lebar.

Jadi, tunggu apa lagi? Daftar sekarang di sini dan mulai perjalananmu untuk menjadi Full Stack Developer profesional. #BimbingSampeJadi

Referensi

JavaScript Examples [Buka]