dibimbing.id - 10 Contoh Program JavaScript Sederhana untuk Pemula

10 Contoh Program JavaScript Sederhana untuk Pemula

Irhan Hisyam Dwi Nugroho

25 June 2025

72

Image Banner

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!

Baca juga : Rentang Gaji Full Stack Web Developer di Indonesia 2025


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.

Baca juga : Ingin Belajar Front End Development? Cek Roadmapnya di sini!


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");

}

Baca juga : 12 Bahasa Pemrograman Front End Teratas & Terpopuler 2024


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.

Baca juga : 10 Text Editor Terbaik untuk Web Developer (2025)


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.

Baca juga : Cara Menjadi Web Developer Freelance: Panduan Pemula


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


  1. JavaScript Examples [Buka]

Tags

Share

Author Image

Irhan Hisyam Dwi Nugroho

Irhan Hisyam Dwi Nugroho is an SEO Specialist and Content Writer with 4 years of experience in optimizing websites and writing relevant content for various brands and industries. Currently, I also work as a Content Writer at Dibimbing.id and actively share content about technology, SEO, and digital marketing through various platforms.

Hi!👋
Kalau kamu butuh bantuan,
hubungi kami via WhatsApp ya!