Pengertian JavaScript dan Fungsi serta Contohnya - JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaksi dan kecanggihan pada halaman web. Dikembangkan oleh Netscape pada tahun 1995, JavaScript sekarang menjadi bahasa pemrograman yang paling umum digunakan di internet.
Kegunaan dan Fungsi JavaScript
JavaScript dapat digunakan untuk berbagai macam hal, seperti menambahkan efek animasi pada halaman web, memvalidasi formulir input pengguna, atau menambahkan fitur interaktif seperti menampilkan waktu dan tanggal saat ini.
JavaScript juga dapat digunakan di luar halaman web, misalnya dalam aplikasi desktop dan mobile dengan menggunakan teknologi seperti Electron atau React Native.
Meskipun JavaScript sering digunakan bersama dengan HTML dan CSS, ia merupakan bahasa pemrograman yang independen dan dapat digunakan dengan berbagai macam platform dan teknologi lainnya, seperti Node.js, yang memungkinkan JavaScript untuk digunakan pada server-side.
Dalam pengembangan web, JavaScript sering digabungkan dengan framework dan library populer seperti jQuery, React, dan AngularJS untuk mempermudah proses pengembangan dan meningkatkan efisiensi.
Secara umum, JavaScript adalah bahasa pemrograman yang sangat fleksibel dan berguna yang digunakan untuk menambahkan interaksi dan dinamisme pada halaman web.
Contoh JavaScript dan Penulisannya
Salah satu contoh dasar dari penggunaan JavaScript adalah menampilkan pesan alert ketika sebuah halaman web dibuka.
Ini dapat dilakukan dengan menambahkan kode JavaScript ke dalam tag <script> di dalam halaman HTML.
Contohnya:
<html>
<head>
<title>Contoh JavaScript</title>
</head>
<body>
<script>
alert("Selamat datang di sonhaj.com!");
</script>
</body>
</html>
Di atas adalah contoh sederhana dari sebuah halaman HTML yang menggunakan JavaScript untuk menampilkan pesan alert "Selamat datang di sonhaj.com!" ketika halaman tersebut dibuka.
Selain itu, JavaScript juga dapat digunakan untuk mengubah elemen HTML secara dinamis.
Contohnya:
<html>
<head>
<title>Contoh JavaScript</title>
</head>
<body>
<button onclick="gantiTeks()">Ganti Teks</button>
<p id="teks">Ini adalah teks awal</p>
<script>
function gantiTeks() {
document.getElementById("teks").innerHTML = "Teks baru";
}
</script>
</body>
</html>
Di atas adalah contoh di mana JavaScript digunakan untuk mengubah teks dalam elemen <p> ketika tombol "Ganti Teks" diklik.
Fungsi getElementById digunakan untuk mengambil elemen HTML berdasarkan id-nya, kemudian properti innerHTML digunakan untuk mengubah isi dari elemen tersebut.
Itu hanyalah contoh dari beberapa hal yang dapat dilakukan dengan JavaScript, banyak fitur lain yang dapat digunakan untuk menambah interaksi dan kecanggihan pada halaman web.
