 |
| Function Javacrip DOM html |
Function pada JavaScript merupakan sebuah blok kode yang dapat digunakan berulang kali untuk mengeksekusi suatu tindakan atau perhitungan. Function memiliki sebuah nama yang dapat digunakan untuk memanggil function tersebut di tempat lain dalam kode:
Berikut adalah contoh penggunaan function pada JavaScript:
function sayHello(name) {
console.log(`Hello, ${name}!`);
}
sayHello("John"); // Output: Hello, John!
sayHello("Alice"); // Output: Hello, Alice!
Pada contoh di atas, kita membuat function bernama sayHello yang menerima parameter bernama name. Function ini akan mencetak "Hello, [nama]!" di console, dengan [nama] merupakan nilai dari parameter name. Kita kemudian memanggil function sayHello dengan menggunakan nama function tersebut dan mengirimkan
Function pada JavaScript dapat digunakan untuk mengontrol elemen HTML melalui DOM (Document Object Model) dan mengatur tampilan elemen tersebut dengan CSS. Berikut adalah contoh penggunaannya:
<button id="btn-toggle">Toggle Visibility</button>
<div id="text">Ini adalah teks</div>
function toggleVisibility(elementId) {
const element = document.getElementById(elementId);
if (element.style.display === "none") {
element.style.display = "block";
} else {
element.style.display = "none";
}
}
Pada contoh di atas, kita membuat function bernama toggleVisibility yang menerima parameter bernama elementId. Function ini akan mengambil elemen HTML dengan id sesuai dengan nilai dari parameter elementId, kemudian mengubah display elemen tersebut menjadi "block" jika sebelumnya bernilai "none", atau mengubah display elemen tersebut menjadi "none" jika sebelumnya bernilai "block". Kita kemudian menambahkan event listener pada elemen button dengan id "btn-toggle", yang akan mengeksekusi function toggleVisibility dengan mengirimkan id elemen div yang ingin diubah visibility-nya saat tombol tersebut diklik.
Posting Komentar