Penggunaan Dasar JavaScript
- Ilyas Tri Khaqiqi
- Web
- 29 Jul, 2023
Dalam artikel ini, kita akan membahas penggunaan dasar JavaScript, termasuk cara mengintegrasikannya ke dalam halaman web dan beberapa contoh kode sederhana untuk memahami konsep dasar bahasa ini.
Memasukkan JavaScript ke dalam Halaman Web
Sebelum kita dapat menggunakan JavaScript pada halaman web, kita perlu menyematkannya (embed) di dalam kode HTML. Terdapat beberapa cara untuk melakukannya, yaitu:
1. Menggunakan Tag <script> dalam HTML
Tag <script> dapat digunakan untuk menyematkan kode JavaScript langsung di dalam halaman HTML. Tempatkan tag ini di bagian <head> atau sebelum tag penutup </body> untuk memastikan bahwa JavaScript akan dieksekusi dengan benar.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan JavaScript</title>
<!-- Kode JavaScript disematkan di sini -->
<script>
// Kode JavaScript akan dieksekusi di sini
alert('Halo, dunia!');
</script>
</head>
<body>
<!-- Isi halaman web di sini -->
</body>
</html>2. Menyisipkan File JavaScript Eksternal
Pilihan lainnya adalah dengan menyisipkan file JavaScript eksternal yang terpisah dari halaman HTML. Dalam hal ini, kita menggunakan atribut src pada tag <script> untuk menunjukkan lokasi file JavaScript yang akan dimuat.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan JavaScript</title>
<!-- Menyisipkan file JavaScript eksternal -->
<script src="script.js"></script>
</head>
<body>
<!-- Isi halaman web di sini -->
</body>
</html>Pastikan file script.js berada dalam direktori yang sesuai dengan lokasi halaman HTML.
Contoh Penggunaan Dasar JavaScript
Mari kita lihat beberapa contoh sederhana tentang penggunaan dasar JavaScript:
1. Menggunakan console.log() untuk Debugging
Fungsi console.log() digunakan untuk mencetak pesan atau nilai pada konsol browser. Ini sangat membantu dalam proses debugging dan memahami apa yang terjadi di belakang layar.
let nama = 'John Doe';
let umur = 30;
console.log('Nama:', nama);
console.log('Umur:', umur);2. Menggunakan alert() untuk Interaksi Pengguna
Fungsi alert() akan menampilkan kotak dialog dengan pesan kepada pengguna.
alert('Selamat datang di situs kami!');3. Menggunakan prompt() untuk Mengambil Masukan dari Pengguna
Fungsi prompt() digunakan untuk meminta pengguna memasukkan data.
let nama = prompt('Masukkan nama Anda:');
alert('Halo, ' + nama + '! Selamat datang di situs kami.');4. Menggunakan if...else untuk Struktur Kontrol
if...else digunakan untuk memberikan kondisi pada kode.
let usia = 18;
if (usia >= 18) {
console.log('Anda sudah dewasa.');
} else {
console.log('Anda masih di bawah umur.');
}Kesimpulan
JavaScript adalah bahasa pemrograman yang kuat dan fleksibel yang digunakan untuk mengembangkan aplikasi web dengan berbagai fitur dan fungsionalitas. Dalam artikel ini, kita telah membahas cara menyematkan JavaScript ke dalam halaman web dan memberikan beberapa contoh penggunaan dasar untuk memahami konsep-konsep awal bahasa ini. Dengan memahami dasar-dasar JavaScript, Anda akan memiliki dasar yang kuat untuk memperluas pengetahuan dan kemampuan pengembangan web Anda lebih lanjut. Selamat mencoba!
