Posts

Showing posts from January, 2025

Memahami Function di JavaScript: Konsep, Contoh, dan Latihan

Image
 1. Apa Itu Function? Function adalah blok kode yang dirancang untuk menjalankan tugas tertentu. Fungsi hanya dieksekusi ketika dipanggil (invoked). function deklaration 2. Cara Membuat Function di JavaScript Ada beberapa cara untuk mendeklarasikan function di JavaScript: Function Declaration (Deklarasi Fungsi) Function Expression (Ekspresi Fungsi) Arrow Function (Fungsi Panah) A. Function Declaration (Deklarasi Fungsi) function salam(nama) { return "Halo, " + nama + "!"; } // Memanggil fungsi console.log(salam("Mukhlis")); // Output: Halo, Mukhlis! Ciri khas function declaration: Menggunakan kata kunci function Bisa dipanggil sebelum deklarasi (hoisting) B. Function Expression (Ekspresi Fungsi) const salam = function(nama) { return "Halo, " + nama + "!"; }; console.log(salam("Mukhlis")); Ciri khas function expression: Disimpan dalam variabel Tidak memiliki nama/ anonymous function Tidak bisa...
Post a Comment
Read more

Javascript DOM Selection (Penelusuran DOM)

Image
Kenapa Penting Memahami DOM Selection? Bayangkan sebuah ruangan berisi banyak orang, tetapi Anda hanya ingin berbicara dengan "Mahasiswa bernama Mukhlis." Anda perlu cara untuk memilih Mukhlis dari keramaian. Begitu juga di dalam dokumen HTML yang berisi banyak elemen, kita membutuhkan metode untuk memilih elemen yang tepat. Thumnail Jenis-Jenis DOM Selection Method Ada beberapa jenis DOM Selection Method yang bisa kita gunakan, diantaranya: getElementById (" ") getElementsByClassName (" ") getElementsByTagName (" ") querySelector (" ") querySelectorAll (" ") Tabel Methode Hasil Catatan getElementById(" ") element Paling cepat. ID harus unik getElementByClassName(" ") HTMLColection Memilih element berdasarkan Class getElementByTagName(" ") HTMLColection Memilih element berdasarkan Tag querySelector ...
Post a Comment
Read more

Apa itu DOM tree dan tipenya

Image
DOM Tree DOM Tree adalah representasi elemen-element HTML didalam browser kita, dan representasinya dalam bentuk Tree (Pohon). Contohnya: HTML Copy <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Hello World</h1> <p>Paragraf 1</p> <p>Paragraf 2</p> <div> <p>Paragraf 3</p> </div> <a href="halaman2.html">Ke halaman 2</a> </body> </html> Nah, struktur HTML sederhana ini kalau di representasinkan dalam bentuk DOM Tree maka lebih kurang hasilnya nanti seperti ini: Ilustrasi DOM Tree dimana seluruh elementnya kita anggap sebagai sebuah "Node" atau simpul. Simpul paling atas kita sebut den...
Post a Comment
Read more

Photo manipulation: Menggabungkan foto keluarga

Image
Thumnails Foto Utama ini adalah foto utama yang nantinya akan dimasukkan foto lain kedalamnya. Foto Utama Foto ke dua (Before) Nah! foto inilah yang akan diambil objeknya untuk dimasukan ke foto utama. Lingkaran merah tersebut menandakan objek yang akan di ambil. objek yang akan diambil After dan inilah hasil akhirnya. Alhamdulillah client-nya suka after itulah Project hari ini ya teman-teman. Sebenarnya masih banyak sekali projects lainnya yang udah pernah aku kerjain namun masih banyak yang belum sempat di upload kesini. teman-teman bisa cek aja di sosmed saya: Instagram | TikTok
Post a Comment
Read more

Memahami Control Flow dalam Pemrograman JavaScript

Image
Dalam dunia pemrograman, memahami konsep alur kendali atau control flow adalah hal mendasar yang perlu dipahami oleh setiap programmer. Control flow memungkinkan kita untuk mengontrol bagaimana program dieksekusi, apakah secara berurutan, berulang, atau berdasarkan kondisi tertentu. Pada artikel ini, kita akan membahas apa itu control flow dan dua konsep utama di dalamnya, yaitu pengulangan (looping) dan pengkondisian (conditional). thumnails Alur Normal dalam Pemrograman Secara default, program akan dieksekusi secara linear atau disebut juga dengan alur normal. Ini berarti setiap statement dalam program akan dijalankan dari atas ke bawah, satu per satu. Sebagai contoh, jika kita memiliki lima statement dalam kode JavaScript, maka setiap statement tersebut akan dieksekusi secara berurutan mulai dari yang pertama hingga terakhir. Contoh kode sederhana: JavaScript Copy alert("Halo"); alert("Nama saya"); alert("Mukhlis MJ"); P...
Post a Comment
Read more

#2 - Sintaks dasar pada javascript, Variabel, Tipe Data dan Operator

Image
1. Variabel Variabel digunakan untuk menyimpan data yang dapat digunakan kembali dalam program. Deklarasi Variabel Ada tiga cara untuk mendeklarasikan variabel: var : Deklarasi lama, cakupannya global atau fungsi. let : Deklarasi modern, cakupannya blok. const : Variabel dengan nilai tetap (konstan), tidak bisa diubah setelah dideklarasikan. Contoh: JavaScript Copy // Menggunakan var var nama = "Mukhlis"; console.log(nama); // Output: Mukhlis // Menggunakan let let umur = 25; console.log(umur); // Output: 25 // Menggunakan const const negara = "Indonesia"; console.log(negara); // Output: Indonesia // Contoh kesalahan pada const // negara = "Malaysia"; // Error: Assignment to constant variable Perbedaan utama: var bisa dideklarasikan ulang, sedangkan let dan const tidak. let dan const memiliki cakupan blok (block scope), var tidak. 2. Tipe Data Tipe data menentukan jenis nilai yang dapat disimpan dalam variabe...
Post a Comment
Read more